@contentful/experience-design-system-cli 2.38.1-dev-build-8e139f2f.0 → 2.38.1-dev-build-db0347a4.0

package/dist/app.js

@@ -23372,6 +23372,7 @@ function FieldEditor({
   const [rationaleOpen, setRationaleOpen] = useState19(false);
   const [rationaleScrollOffset, setRationaleScrollOffset] = useState19(0);
   const [showHelp, setShowHelp] = useState19(false);
+  const [pendingDelete, setPendingDelete] = useState19(null);
   const props = editorState.props;
   const slots = editorState.slots;
   const contentPropIndexes = React13.useMemo(
@@ -23463,6 +23464,46 @@ function FieldEditor({
     setEditorState(next);
     onChange(serializeState(next, value));
   };
+  const deleteRow = (row) => {
+    if (row.kind === "prop") {
+      const nextProps = removeAt(editorState.props, row.idx);
+      commit({ ...editorState, props: nextProps });
+      setPropIdx(Math.max(0, Math.min(row.idx, nextProps.length - 1)));
+      const rowsAfter2 = selectableRows.filter((r) => !(r.kind === "prop" && r.idx === row.idx));
+      const neighbour2 = rowsAfter2[Math.max(0, selectableRows.findIndex((r) => r.kind === row.kind && r.idx === row.idx) - 1)];
+      if (!neighbour2) {
+        setInSlots(false);
+        setInComponentDesc(true);
+        setFocusLevel("componentDescription");
+      } else if (neighbour2.kind === "prop") {
+        setInSlots(false);
+        setPropIdx(neighbour2.idx > row.idx ? neighbour2.idx - 1 : neighbour2.idx);
+        setFocusLevel("prop");
+      } else {
+        setInSlots(true);
+        setSlotIdx(neighbour2.idx);
+        setFocusLevel("slot");
+      }
+      return;
+    }
+    const nextSlots = removeAt(editorState.slots, row.idx);
+    commit({ ...editorState, slots: nextSlots });
+    const rowsAfter = selectableRows.filter((r) => !(r.kind === "slot" && r.idx === row.idx));
+    const neighbour = rowsAfter[Math.max(0, selectableRows.findIndex((r) => r.kind === row.kind && r.idx === row.idx) - 1)];
+    if (!neighbour) {
+      setInSlots(false);
+      setInComponentDesc(true);
+      setFocusLevel("componentDescription");
+    } else if (neighbour.kind === "slot") {
+      setInSlots(true);
+      setSlotIdx(neighbour.idx > row.idx ? neighbour.idx - 1 : neighbour.idx);
+      setFocusLevel("slot");
+    } else {
+      setInSlots(false);
+      setPropIdx(neighbour.idx);
+      setFocusLevel("prop");
+    }
+  };
   const canonicalize = React13.useCallback((json) => {
     try {
       return JSON.stringify(JSON.parse(json));
@@ -23499,6 +23540,11 @@ function FieldEditor({
       onSave();
       return;
     }
+    if (pendingDelete) {
+      if (input === "y") deleteRow(pendingDelete);
+      setPendingDelete(null);
+      return;
+    }
     const inDescriptionTextEntryForHelp = focusLevel === "field" && editingField && activeField === "description";
     const inStringDefaultTextEntryForHelp = focusLevel === "field" && editingField && activeField === "default" && currentProp != null && (currentProp.type === "string" || currentProp.type === "token");
     const inValueListTextEntry = editingValue != null;
@@ -23698,6 +23744,11 @@ function FieldEditor({
         }
         return;
       }
+      if (input === "d" && !key.ctrl && !key.meta) {
+        if (focusLevel === "prop" && currentProp) setPendingDelete({ kind: "prop", idx: propIdx });
+        if (focusLevel === "slot" && currentSlot) setPendingDelete({ kind: "slot", idx: slotIdx });
+        return;
+      }
       if (focusLevel === "slot" && key.return && currentSlot) {
         setFocusLevel("field");
         setActiveField(SLOT_FIELDS[0] ?? null);
@@ -24004,6 +24055,10 @@ function FieldEditor({
   }
   const hasEmptyProperties = props.length === 0 && slots.length === 0;
   const modeLabel = (() => {
+    if (pendingDelete) {
+      const name = pendingDelete.kind === "prop" ? props[pendingDelete.idx]?.name : slots[pendingDelete.idx]?.name;
+      return `Delete ${pendingDelete.kind} "${name}"? [y] delete \xB7 any other key cancels`;
+    }
     if (editingValue) {
       return editingValue.mode === "add" ? "Enter to add \xB7 [Esc] to cancel" : "Enter to save edit \xB7 [Esc] to cancel";
     }
@@ -24025,7 +24080,7 @@ function FieldEditor({
     if (rationaleOpen) {
       return "[\u2191\u2193] scroll  [i/Esc] close rationale panel";
     }
-    return `[\u2191\u2193] navigate rows  [Enter] edit fields  [s] source  [${propRationaleKey}] prop rationale  [${componentRationaleKey}] component rationale  [h] help  [Esc] exit panel`;
+    return `[\u2191\u2193] navigate  [Enter] edit fields  [d] delete property  [h] help  [s] source  [Esc] exit panel`;
   })();
   const rows = [];
   rows.push({ kind: "component-description" });
@@ -24291,6 +24346,7 @@ function FieldEditor({
           /* @__PURE__ */ jsx32(Text27, { bold: true, children: "Row navigation" }),
           /* @__PURE__ */ jsx32(Text27, { children: "  \u2191/\u2193               move between rows" }),
           /* @__PURE__ */ jsx32(Text27, { children: "  Enter            edit fields on the current row" }),
+          /* @__PURE__ */ jsx32(Text27, { children: "  d                delete the current prop or slot (asks to confirm)" }),
           /* @__PURE__ */ jsx32(Text27, { children: "  Esc              exit the panel" }),
           /* @__PURE__ */ jsx32(Text27, { children: " " }),
           /* @__PURE__ */ jsx32(Text27, { bold: true, children: "Field editing" }),
@@ -24314,7 +24370,7 @@ function FieldEditor({
           /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: "press ? or Esc to close" })
         ] }),
         validationError && /* @__PURE__ */ jsx32(Text27, { color: PALETTE.error, children: "\u2717 " + validationError }),
-        /* @__PURE__ */ jsx32(Box26, { paddingTop: 1, children: /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: modeLabel }) })
+        /* @__PURE__ */ jsx32(Box26, { paddingTop: 1, children: /* @__PURE__ */ jsx32(Text27, { color: pendingDelete ? PALETTE.text : PALETTE.muted, children: modeLabel }) })
       ]
     }
   );

package/dist/index.js

@@ -26400,6 +26400,7 @@ function FieldEditor({
   const [rationaleOpen, setRationaleOpen] = useState19(false);
   const [rationaleScrollOffset, setRationaleScrollOffset] = useState19(0);
   const [showHelp, setShowHelp] = useState19(false);
+  const [pendingDelete, setPendingDelete] = useState19(null);
   const props = editorState.props;
   const slots = editorState.slots;
   const contentPropIndexes = React13.useMemo(
@@ -26491,6 +26492,46 @@ function FieldEditor({
     setEditorState(next);
     onChange(serializeState(next, value));
   };
+  const deleteRow = (row) => {
+    if (row.kind === "prop") {
+      const nextProps = removeAt(editorState.props, row.idx);
+      commit({ ...editorState, props: nextProps });
+      setPropIdx(Math.max(0, Math.min(row.idx, nextProps.length - 1)));
+      const rowsAfter2 = selectableRows.filter((r) => !(r.kind === "prop" && r.idx === row.idx));
+      const neighbour2 = rowsAfter2[Math.max(0, selectableRows.findIndex((r) => r.kind === row.kind && r.idx === row.idx) - 1)];
+      if (!neighbour2) {
+        setInSlots(false);
+        setInComponentDesc(true);
+        setFocusLevel("componentDescription");
+      } else if (neighbour2.kind === "prop") {
+        setInSlots(false);
+        setPropIdx(neighbour2.idx > row.idx ? neighbour2.idx - 1 : neighbour2.idx);
+        setFocusLevel("prop");
+      } else {
+        setInSlots(true);
+        setSlotIdx(neighbour2.idx);
+        setFocusLevel("slot");
+      }
+      return;
+    }
+    const nextSlots = removeAt(editorState.slots, row.idx);
+    commit({ ...editorState, slots: nextSlots });
+    const rowsAfter = selectableRows.filter((r) => !(r.kind === "slot" && r.idx === row.idx));
+    const neighbour = rowsAfter[Math.max(0, selectableRows.findIndex((r) => r.kind === row.kind && r.idx === row.idx) - 1)];
+    if (!neighbour) {
+      setInSlots(false);
+      setInComponentDesc(true);
+      setFocusLevel("componentDescription");
+    } else if (neighbour.kind === "slot") {
+      setInSlots(true);
+      setSlotIdx(neighbour.idx > row.idx ? neighbour.idx - 1 : neighbour.idx);
+      setFocusLevel("slot");
+    } else {
+      setInSlots(false);
+      setPropIdx(neighbour.idx);
+      setFocusLevel("prop");
+    }
+  };
   const canonicalize = React13.useCallback((json) => {
     try {
       return JSON.stringify(JSON.parse(json));
@@ -26527,6 +26568,11 @@ function FieldEditor({
       onSave();
       return;
     }
+    if (pendingDelete) {
+      if (input === "y") deleteRow(pendingDelete);
+      setPendingDelete(null);
+      return;
+    }
     const inDescriptionTextEntryForHelp = focusLevel === "field" && editingField && activeField === "description";
     const inStringDefaultTextEntryForHelp = focusLevel === "field" && editingField && activeField === "default" && currentProp != null && (currentProp.type === "string" || currentProp.type === "token");
     const inValueListTextEntry = editingValue != null;
@@ -26726,6 +26772,11 @@ function FieldEditor({
         }
         return;
       }
+      if (input === "d" && !key.ctrl && !key.meta) {
+        if (focusLevel === "prop" && currentProp) setPendingDelete({ kind: "prop", idx: propIdx });
+        if (focusLevel === "slot" && currentSlot) setPendingDelete({ kind: "slot", idx: slotIdx });
+        return;
+      }
       if (focusLevel === "slot" && key.return && currentSlot) {
         setFocusLevel("field");
         setActiveField(SLOT_FIELDS[0] ?? null);
@@ -27032,6 +27083,10 @@ function FieldEditor({
   }
   const hasEmptyProperties = props.length === 0 && slots.length === 0;
   const modeLabel = (() => {
+    if (pendingDelete) {
+      const name = pendingDelete.kind === "prop" ? props[pendingDelete.idx]?.name : slots[pendingDelete.idx]?.name;
+      return `Delete ${pendingDelete.kind} "${name}"? [y] delete \xB7 any other key cancels`;
+    }
     if (editingValue) {
       return editingValue.mode === "add" ? "Enter to add \xB7 [Esc] to cancel" : "Enter to save edit \xB7 [Esc] to cancel";
     }
@@ -27053,7 +27108,7 @@ function FieldEditor({
     if (rationaleOpen) {
       return "[\u2191\u2193] scroll  [i/Esc] close rationale panel";
     }
-    return `[\u2191\u2193] navigate rows  [Enter] edit fields  [s] source  [${propRationaleKey}] prop rationale  [${componentRationaleKey}] component rationale  [h] help  [Esc] exit panel`;
+    return `[\u2191\u2193] navigate  [Enter] edit fields  [d] delete property  [h] help  [s] source  [Esc] exit panel`;
   })();
   const rows = [];
   rows.push({ kind: "component-description" });
@@ -27319,6 +27374,7 @@ function FieldEditor({
           /* @__PURE__ */ jsx32(Text27, { bold: true, children: "Row navigation" }),
           /* @__PURE__ */ jsx32(Text27, { children: "  \u2191/\u2193               move between rows" }),
           /* @__PURE__ */ jsx32(Text27, { children: "  Enter            edit fields on the current row" }),
+          /* @__PURE__ */ jsx32(Text27, { children: "  d                delete the current prop or slot (asks to confirm)" }),
           /* @__PURE__ */ jsx32(Text27, { children: "  Esc              exit the panel" }),
           /* @__PURE__ */ jsx32(Text27, { children: " " }),
           /* @__PURE__ */ jsx32(Text27, { bold: true, children: "Field editing" }),
@@ -27342,7 +27398,7 @@ function FieldEditor({
           /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: "press ? or Esc to close" })
         ] }),
         validationError && /* @__PURE__ */ jsx32(Text27, { color: PALETTE.error, children: "\u2717 " + validationError }),
-        /* @__PURE__ */ jsx32(Box26, { paddingTop: 1, children: /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: modeLabel }) })
+        /* @__PURE__ */ jsx32(Box26, { paddingTop: 1, children: /* @__PURE__ */ jsx32(Text27, { color: pendingDelete ? PALETTE.text : PALETTE.muted, children: modeLabel }) })
       ]
     }
   );

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.38.1-dev-build-8e139f2f.0",
+  "version": "2.38.1-dev-build-db0347a4.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.38.1-dev-build-8e139f2f.0",
+  "version": "2.38.1-dev-build-db0347a4.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",
@@ -45,8 +45,8 @@
     "ts-morph": "^27.0.2",
     "typescript": "^5.9.3",
     "zod": "^4.6.5",
-    "@contentful/experience-design-system-backend-pipeline": "2.38.1-dev-build-8e139f2f.0",
-    "@contentful/experience-design-system-types": "2.38.1-dev-build-8e139f2f.0"
+    "@contentful/experience-design-system-types": "2.38.1-dev-build-db0347a4.0",
+    "@contentful/experience-design-system-backend-pipeline": "2.38.1-dev-build-db0347a4.0"
   },
   "devDependencies": {
     "@tsconfig/node24": "^24.0.4",