@puckeditor/plugin-heading-analyzer 0.23.0-canary.9bf3e00a → 0.23.0-canary.db035ce5

package/dist/index.d.mts

@@ -545,6 +545,8 @@ type UiState = {
         expanded?: boolean;
     }>;
     isDragging: boolean;
+    /** Outline items whose children are shown, keyed by item id */
+    itemExpanded?: Record<string, boolean>;
     viewports: {
         current: {
             width: number | "100%";

package/dist/index.d.ts

@@ -545,6 +545,8 @@ type UiState = {
         expanded?: boolean;
     }>;
     isDragging: boolean;
+    /** Outline items whose children are shown, keyed by item id */
+    itemExpanded?: Record<string, boolean>;
     viewports: {
         current: {
             width: number | "100%";

package/dist/index.js

@@ -1258,16 +1258,13 @@ var reorderAction = (state, action, appStore) => {
 init_react_import();
 var removeAction = (state, action, appStore) => {
   const item = getItem({ index: action.index, zone: action.zone }, state);
-  const nodesToDelete = Object.entries(state.indexes.nodes).reduce(
-    (acc, [nodeId, nodeData]) => {
-      const pathIds = nodeData.path.map((p) => p.split(":")[0]);
-      if (pathIds.includes(item.props.id)) {
-        return [...acc, nodeId];
-      }
-      return acc;
-    },
-    [item.props.id]
-  );
+  const nodesToDelete = /* @__PURE__ */ new Set([item.props.id]);
+  Object.entries(state.indexes.nodes).forEach(([nodeId, nodeData]) => {
+    const pathIds = nodeData.path.map((p) => p.split(":")[0]);
+    if (pathIds.includes(item.props.id)) {
+      nodesToDelete.add(nodeId);
+    }
+  });
   const newState = walkAppState(
     state,
     appStore.config,
@@ -1280,19 +1277,22 @@ var removeAction = (state, action, appStore) => {
   );
   Object.keys(newState.data.zones || {}).forEach((zoneCompound) => {
     const parentId = zoneCompound.split(":")[0];
-    if (nodesToDelete.includes(parentId) && newState.data.zones) {
+    if (nodesToDelete.has(parentId) && newState.data.zones) {
       delete newState.data.zones[zoneCompound];
     }
   });
   Object.keys(newState.indexes.zones).forEach((zoneCompound) => {
     const parentId = zoneCompound.split(":")[0];
-    if (nodesToDelete.includes(parentId)) {
+    if (nodesToDelete.has(parentId)) {
       delete newState.indexes.zones[zoneCompound];
     }
   });
+  const newItemExpanded = __spreadValues({}, newState.ui.itemExpanded);
   nodesToDelete.forEach((id) => {
     delete newState.indexes.nodes[id];
+    delete newItemExpanded[id];
   });
+  newState.ui = __spreadProps(__spreadValues({}, newState.ui), { itemExpanded: newItemExpanded });
   return newState;
 };
 
@@ -1376,14 +1376,36 @@ var setDataAction = (state, action, appStore) => {
 
 // ../core/reducer/actions/set-ui.ts
 init_react_import();
-var setUiAction = (state, action) => {
-  if (typeof action.ui === "object") {
-    return __spreadProps(__spreadValues({}, state), {
-      ui: __spreadValues(__spreadValues({}, state.ui), action.ui)
-    });
+var revealSelectedItem = (state, partialUi) => {
+  var _a, _b;
+  const itemSelector = partialUi.itemSelector;
+  if (!itemSelector) {
+    return partialUi;
+  }
+  const item = getItem(itemSelector, state);
+  if (!item) {
+    return partialUi;
+  }
+  const path = (_b = (_a = state.indexes.nodes[item.props.id]) == null ? void 0 : _a.path) != null ? _b : [];
+  const collapsedAncestorIds = path.map((zoneCompound) => zoneCompound.split(":")[0]).filter(
+    (ancestorId) => {
+      var _a2, _b2;
+      return ancestorId && ancestorId !== rootAreaId && !((_a2 = state.ui.itemExpanded) == null ? void 0 : _a2[ancestorId]) && !((_b2 = partialUi.itemExpanded) == null ? void 0 : _b2[ancestorId]);
+    }
+  );
+  if (collapsedAncestorIds.length === 0) {
+    return partialUi;
   }
+  const itemExpanded = __spreadValues(__spreadValues({}, state.ui.itemExpanded), partialUi.itemExpanded);
+  collapsedAncestorIds.forEach((ancestorId) => {
+    itemExpanded[ancestorId] = true;
+  });
+  return __spreadProps(__spreadValues({}, partialUi), { itemExpanded });
+};
+var setUiAction = (state, action) => {
+  const partialUi = typeof action.ui === "object" ? action.ui : action.ui(state.ui);
   return __spreadProps(__spreadValues({}, state), {
-    ui: __spreadValues(__spreadValues({}, state.ui), action.ui(state.ui))
+    ui: __spreadValues(__spreadValues({}, state.ui), revealSelectedItem(state, partialUi))
   });
 };
 
@@ -2377,6 +2399,7 @@ var defaultAppState = {
     itemSelector: null,
     componentList: {},
     isDragging: false,
+    itemExpanded: {},
     previewMode: "edit",
     viewports: {
       current: {
@@ -2421,6 +2444,7 @@ var createAppStore = (initialAppStore) => create()(
       _experimentalVirtualization: false,
       metadata: {},
       dictionary: {},
+      dnd: {},
       fieldTransforms: {}
     }, initialAppStore), {
       fields: createFieldsSlice(set, get),

package/dist/index.mjs

@@ -1246,16 +1246,13 @@ var reorderAction = (state, action, appStore) => {
 init_react_import();
 var removeAction = (state, action, appStore) => {
   const item = getItem({ index: action.index, zone: action.zone }, state);
-  const nodesToDelete = Object.entries(state.indexes.nodes).reduce(
-    (acc, [nodeId, nodeData]) => {
-      const pathIds = nodeData.path.map((p) => p.split(":")[0]);
-      if (pathIds.includes(item.props.id)) {
-        return [...acc, nodeId];
-      }
-      return acc;
-    },
-    [item.props.id]
-  );
+  const nodesToDelete = /* @__PURE__ */ new Set([item.props.id]);
+  Object.entries(state.indexes.nodes).forEach(([nodeId, nodeData]) => {
+    const pathIds = nodeData.path.map((p) => p.split(":")[0]);
+    if (pathIds.includes(item.props.id)) {
+      nodesToDelete.add(nodeId);
+    }
+  });
   const newState = walkAppState(
     state,
     appStore.config,
@@ -1268,19 +1265,22 @@ var removeAction = (state, action, appStore) => {
   );
   Object.keys(newState.data.zones || {}).forEach((zoneCompound) => {
     const parentId = zoneCompound.split(":")[0];
-    if (nodesToDelete.includes(parentId) && newState.data.zones) {
+    if (nodesToDelete.has(parentId) && newState.data.zones) {
       delete newState.data.zones[zoneCompound];
     }
   });
   Object.keys(newState.indexes.zones).forEach((zoneCompound) => {
     const parentId = zoneCompound.split(":")[0];
-    if (nodesToDelete.includes(parentId)) {
+    if (nodesToDelete.has(parentId)) {
       delete newState.indexes.zones[zoneCompound];
     }
   });
+  const newItemExpanded = __spreadValues({}, newState.ui.itemExpanded);
   nodesToDelete.forEach((id) => {
     delete newState.indexes.nodes[id];
+    delete newItemExpanded[id];
   });
+  newState.ui = __spreadProps(__spreadValues({}, newState.ui), { itemExpanded: newItemExpanded });
   return newState;
 };
 
@@ -1364,14 +1364,36 @@ var setDataAction = (state, action, appStore) => {
 
 // ../core/reducer/actions/set-ui.ts
 init_react_import();
-var setUiAction = (state, action) => {
-  if (typeof action.ui === "object") {
-    return __spreadProps(__spreadValues({}, state), {
-      ui: __spreadValues(__spreadValues({}, state.ui), action.ui)
-    });
+var revealSelectedItem = (state, partialUi) => {
+  var _a, _b;
+  const itemSelector = partialUi.itemSelector;
+  if (!itemSelector) {
+    return partialUi;
+  }
+  const item = getItem(itemSelector, state);
+  if (!item) {
+    return partialUi;
+  }
+  const path = (_b = (_a = state.indexes.nodes[item.props.id]) == null ? void 0 : _a.path) != null ? _b : [];
+  const collapsedAncestorIds = path.map((zoneCompound) => zoneCompound.split(":")[0]).filter(
+    (ancestorId) => {
+      var _a2, _b2;
+      return ancestorId && ancestorId !== rootAreaId && !((_a2 = state.ui.itemExpanded) == null ? void 0 : _a2[ancestorId]) && !((_b2 = partialUi.itemExpanded) == null ? void 0 : _b2[ancestorId]);
+    }
+  );
+  if (collapsedAncestorIds.length === 0) {
+    return partialUi;
   }
+  const itemExpanded = __spreadValues(__spreadValues({}, state.ui.itemExpanded), partialUi.itemExpanded);
+  collapsedAncestorIds.forEach((ancestorId) => {
+    itemExpanded[ancestorId] = true;
+  });
+  return __spreadProps(__spreadValues({}, partialUi), { itemExpanded });
+};
+var setUiAction = (state, action) => {
+  const partialUi = typeof action.ui === "object" ? action.ui : action.ui(state.ui);
   return __spreadProps(__spreadValues({}, state), {
-    ui: __spreadValues(__spreadValues({}, state.ui), action.ui(state.ui))
+    ui: __spreadValues(__spreadValues({}, state.ui), revealSelectedItem(state, partialUi))
   });
 };
 
@@ -2365,6 +2387,7 @@ var defaultAppState = {
     itemSelector: null,
     componentList: {},
     isDragging: false,
+    itemExpanded: {},
     previewMode: "edit",
     viewports: {
       current: {
@@ -2409,6 +2432,7 @@ var createAppStore = (initialAppStore) => create()(
       _experimentalVirtualization: false,
       metadata: {},
       dictionary: {},
+      dnd: {},
       fieldTransforms: {}
     }, initialAppStore), {
       fields: createFieldsSlice(set, get),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@puckeditor/plugin-heading-analyzer",
-  "version": "0.23.0-canary.9bf3e00a",
+  "version": "0.23.0-canary.db035ce5",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": "puckeditor/puck",
   "bugs": "https://github.com/puckeditor/puck/issues",
@@ -25,7 +25,7 @@
     "dist"
   ],
   "devDependencies": {
-    "@puckeditor/core": "^0.23.0-canary.9bf3e00a",
+    "@puckeditor/core": "^0.23.0-canary.db035ce5",
     "@types/minimatch": "3.0.5",
     "@types/react": "^19.0.1",
     "@types/react-dom": "^19.0.2",