@puckeditor/plugin-heading-analyzer 0.22.1 → 0.23.0-canary.1b6fc858

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

@@ -621,10 +621,11 @@ var walkObject = ({
   getPropPath,
   config,
   recurseSlots,
-  ownedFields
+  ownedFields,
+  keysToWalk: providedKeys
 }) => {
-  const keys2 = Object.keys(value);
-  if (ownedFields) {
+  const keys2 = providedKeys != null ? providedKeys : Object.keys(value);
+  if (!providedKeys && ownedFields) {
     for (const fieldName in fields) {
       const fieldType = fields[fieldName].type;
       if (fieldType !== "slot" && mappers[fieldType] && !(fieldName in value)) {
@@ -658,7 +659,7 @@ var walkObject = ({
   }
   return flatten(newProps);
 };
-function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlots = true) {
+function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlots = true, fieldsToMap) {
   var _a, _b, _c, _d, _e;
   const itemType = "type" in item ? item.type : "root";
   const componentConfig = itemType === "root" ? config.root : (_a = config.components) == null ? void 0 : _a[itemType];
@@ -670,7 +671,8 @@ function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlo
     getPropPath: (k) => k,
     config,
     recurseSlots,
-    ownedFields: true
+    ownedFields: true,
+    keysToWalk: fieldsToMap
   });
   if (isPromise(newProps)) {
     return newProps.then((resolvedProps) => __spreadProps(__spreadValues({}, item), {
@@ -1256,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,
@@ -1278,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;
 };
 
@@ -1374,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))
   });
 };
 
@@ -2375,6 +2399,7 @@ var defaultAppState = {
     itemSelector: null,
     componentList: {},
     isDragging: false,
+    itemExpanded: {},
     previewMode: "edit",
     viewports: {
       current: {
@@ -2418,6 +2443,8 @@ var createAppStore = (initialAppStore) => create()(
       _experimentalFullScreenCanvas: false,
       _experimentalVirtualization: false,
       metadata: {},
+      dictionary: {},
+      dnd: {},
       fieldTransforms: {}
     }, initialAppStore), {
       fields: createFieldsSlice(set, get),

package/dist/index.mjs

@@ -609,10 +609,11 @@ var walkObject = ({
   getPropPath,
   config,
   recurseSlots,
-  ownedFields
+  ownedFields,
+  keysToWalk: providedKeys
 }) => {
-  const keys2 = Object.keys(value);
-  if (ownedFields) {
+  const keys2 = providedKeys != null ? providedKeys : Object.keys(value);
+  if (!providedKeys && ownedFields) {
     for (const fieldName in fields) {
       const fieldType = fields[fieldName].type;
       if (fieldType !== "slot" && mappers[fieldType] && !(fieldName in value)) {
@@ -646,7 +647,7 @@ var walkObject = ({
   }
   return flatten(newProps);
 };
-function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlots = true) {
+function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlots = true, fieldsToMap) {
   var _a, _b, _c, _d, _e;
   const itemType = "type" in item ? item.type : "root";
   const componentConfig = itemType === "root" ? config.root : (_a = config.components) == null ? void 0 : _a[itemType];
@@ -658,7 +659,8 @@ function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlo
     getPropPath: (k) => k,
     config,
     recurseSlots,
-    ownedFields: true
+    ownedFields: true,
+    keysToWalk: fieldsToMap
   });
   if (isPromise(newProps)) {
     return newProps.then((resolvedProps) => __spreadProps(__spreadValues({}, item), {
@@ -1244,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,
@@ -1266,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;
 };
 
@@ -1362,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))
   });
 };
 
@@ -2363,6 +2387,7 @@ var defaultAppState = {
     itemSelector: null,
     componentList: {},
     isDragging: false,
+    itemExpanded: {},
     previewMode: "edit",
     viewports: {
       current: {
@@ -2406,6 +2431,8 @@ var createAppStore = (initialAppStore) => create()(
       _experimentalFullScreenCanvas: false,
       _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.22.1",
+  "version": "0.23.0-canary.1b6fc858",
   "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.22.1",
+    "@puckeditor/core": "^0.23.0-canary.1b6fc858",
     "@types/minimatch": "3.0.5",
     "@types/react": "^19.0.1",
     "@types/react-dom": "^19.0.2",