@contentful/experience-design-system-cli 2.26.7-dev-build-8206e92.0 → 2.26.7-dev-build-cdb420a.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.26.7-dev-build-8206e92.0",
+  "version": "2.26.7-dev-build-cdb420a.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",

package/dist/src/analyze/select/tui/components/FieldEditor.d.ts

@@ -37,6 +37,7 @@ type FieldEditorProps = {
         kind: 'prop' | 'slot';
         name: string;
     };
+    showHiddenProps?: boolean;
 };
 export declare function simulateGraphWithCandidate(projectSlotGraph: ComponentSlotInfo[], selfName: string, currentSlots: {
     name: string;
@@ -55,5 +56,5 @@ export declare function computeAllowedComponentReplacementCandidates(projectSlot
     name: string;
     allowedComponents: string[];
 }[], targetSlotName: string, replaceIndex: number): string[];
-export declare function FieldEditor({ value, width, height, active, onChange, onSave, onDiscard, onExit, metadata, onTogglePropRationale, propRationaleKey, onToggleComponentRationale, componentRationaleKey, onToggleSourceExternal, onTextEntryActiveChange, projectSlotGraph, currentComponentName, onDirtyChange, discardTrigger, initialFocusTarget, }: FieldEditorProps): React.ReactElement;
+export declare function FieldEditor({ value, width, height, active, onChange, onSave, onDiscard, onExit, metadata, onTogglePropRationale, propRationaleKey, onToggleComponentRationale, componentRationaleKey, onToggleSourceExternal, onTextEntryActiveChange, projectSlotGraph, currentComponentName, onDirtyChange, discardTrigger, initialFocusTarget, showHiddenProps, }: FieldEditorProps): React.ReactElement;
 export {};

package/dist/src/import/tui/steps/review-json-panel.d.ts

@@ -3,11 +3,5 @@ type ReviewJsonComponent = {
     key: string;
     entry: CDFComponentEntry;
 };
-/**
- * Builds the exact JSON string rendered by the read-only review panel.
- *
- * The FieldEditor intentionally continues to use the unfiltered component
- * definition so toggling the panel never changes what an operator can save.
- */
 export declare function getReviewJsonPanelValue(selected: ReviewJsonComponent | null, showHiddenProps: boolean): string;
 export {};

package/dist/src/index.js

@@ -8596,9 +8596,6 @@ function applyDbMigrations(db) {
         ALTER TABLE raw_props__new RENAME TO raw_props;
         CREATE INDEX IF NOT EXISTS idx_raw_props_session ON raw_props(session_id, component_id);
 
-        -- Rows written by a pre-migration exclude_prop still say cdf_type = 'excluded'
-        -- with cdf_category = NULL. Backfill them into the new unattached shape so an
-        -- in-flight local session doesn't end up with an unprintable half-migrated row.
         UPDATE raw_props
         SET cdf_category = 'unattached',
             cdf_type = CASE WHEN type = 'boolean' THEN 'boolean' ELSE 'string' END,
@@ -22000,7 +21997,8 @@ function FieldEditor({
   currentComponentName,
   onDirtyChange,
   discardTrigger,
-  initialFocusTarget
+  initialFocusTarget,
+  showHiddenProps = true
 }) {
   const { state: initialState, error: parseError } = parseToState(value);
   const [editorState, setEditorState] = useState23(initialState);
@@ -22081,12 +22079,34 @@ function FieldEditor({
   const [showHelp, setShowHelp] = useState23(false);
   const props = editorState.props;
   const slots = editorState.slots;
+  const visiblePropIndexes = React23.useMemo(
+    () => props.flatMap(
+      (prop, index) => showHiddenProps || prop.category !== "state" && prop.category !== "unattached" ? [index] : []
+    ),
+    [props, showHiddenProps]
+  );
+  const visiblePropPosition = visiblePropIndexes.indexOf(propIdx);
   const textEntryActive = focusLevel === "field" && activeField === "description" || focusLevel === "field" && activeField === "default" && (editorState.props[propIdx]?.type === "string" || editorState.props[propIdx]?.type === "token") || editingValue != null;
   React23.useEffect(() => {
     onTextEntryActiveChange?.(textEntryActive);
   }, [textEntryActive, onTextEntryActiveChange]);
   const currentProp = props[propIdx] ?? null;
   const currentSlot = slots[slotIdx] ?? null;
+  React23.useEffect(() => {
+    if (showHiddenProps || inSlots || inComponentDesc || visiblePropPosition >= 0) return;
+    if (visiblePropIndexes.length > 0) {
+      setPropIdx(visiblePropIndexes[0]);
+      return;
+    }
+    if (slots.length > 0) {
+      setInSlots(true);
+      setSlotIdx(0);
+      setFocusLevel("slot");
+      return;
+    }
+    setInComponentDesc(true);
+    setFocusLevel("componentDescription");
+  }, [inComponentDesc, inSlots, showHiddenProps, slots.length, visiblePropIndexes, visiblePropPosition]);
   const commit = (next) => {
     setEditorState(next);
     onChange(serializeState(next, value));
@@ -22288,8 +22308,8 @@ function FieldEditor({
     }
     if (focusLevel === "prop") {
       if (key.upArrow || input === "k") {
-        if (propIdx > 0) {
-          setPropIdx(propIdx - 1);
+        if (visiblePropPosition > 0) {
+          setPropIdx(visiblePropIndexes[visiblePropPosition - 1]);
         } else {
           setFocusLevel("componentDescription");
           setInSlots(false);
@@ -22298,8 +22318,8 @@ function FieldEditor({
         return;
       }
       if (key.downArrow || input === "j") {
-        if (propIdx < props.length - 1) {
-          setPropIdx(propIdx + 1);
+        if (visiblePropPosition >= 0 && visiblePropPosition < visiblePropIndexes.length - 1) {
+          setPropIdx(visiblePropIndexes[visiblePropPosition + 1]);
         } else if (slots.length > 0) {
           setInSlots(true);
           setSlotIdx(0);
@@ -22320,9 +22340,9 @@ function FieldEditor({
         return;
       }
       if (key.downArrow || input === "j") {
-        if (props.length > 0) {
+        if (visiblePropIndexes.length > 0) {
           setFocusLevel("prop");
-          setPropIdx(0);
+          setPropIdx(visiblePropIndexes[0]);
           setInSlots(false);
           setInComponentDesc(false);
         } else if (slots.length > 0) {
@@ -22345,9 +22365,9 @@ function FieldEditor({
       if (key.upArrow || input === "k") {
         if (slotIdx > 0) {
           setSlotIdx(slotIdx - 1);
-        } else if (props.length > 0) {
+        } else if (visiblePropIndexes.length > 0) {
           setInSlots(false);
-          setPropIdx(props.length - 1);
+          setPropIdx(visiblePropIndexes[visiblePropIndexes.length - 1]);
           setFocusLevel("prop");
         }
         return;
@@ -22692,9 +22712,9 @@ function FieldEditor({
   })();
   const rows = [];
   rows.push({ kind: "component-description" });
-  if (props.length > 0) {
-    rows.push({ kind: "header", label: `\u2500\u2500 PROPERTIES (${props.length}) `, section: "properties" });
-    props.forEach((_, i) => rows.push({ kind: "prop", idx: i }));
+  if (visiblePropIndexes.length > 0) {
+    rows.push({ kind: "header", label: `\u2500\u2500 PROPERTIES (${visiblePropIndexes.length}) `, section: "properties" });
+    visiblePropIndexes.forEach((idx) => rows.push({ kind: "prop", idx }));
   }
   if (slots.length > 0) {
     rows.push({ kind: "header", label: `\u2500\u2500 SLOTS (${slots.length}) `, section: "slots" });
@@ -25211,6 +25231,7 @@ function GenerateReviewStep({
           FieldEditor,
           {
             value: draftValue || selectedJson,
+            showHiddenProps,
             width: panelWidth,
             height: PANEL_HEIGHT,
             active: !sidebarFocused,
@@ -26120,6 +26141,7 @@ function AtomicGenerateReviewStep({
           FieldEditor,
           {
             value: draftValue || selectedJson,
+            showHiddenProps,
             width: panelWidth,
             height: PANEL_HEIGHT2,
             active: !sidebarFocused,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.26.7-dev-build-8206e92.0",
+  "version": "2.26.7-dev-build-cdb420a.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",
@@ -39,7 +39,7 @@
     "svelte": "^5.56.4",
     "ts-morph": "^27.0.2",
     "typescript": "^5.9.3",
-    "@contentful/experience-design-system-types": "2.26.7-dev-build-8206e92.0"
+    "@contentful/experience-design-system-types": "2.26.7-dev-build-cdb420a.0"
   },
   "devDependencies": {
     "@tsconfig/node24": "^24.0.4",
@@ -51,9 +51,9 @@
     "ink-testing-library": "^4.0.0",
     "typescript-eslint": "^8.67.0",
     "vitest": "^4.0.16",
-    "@contentful/experience-design-system-client": "2.26.7-dev-build-8206e92.0",
-    "@contentful/experience-design-system-extraction": "2.26.7-dev-build-8206e92.0",
-    "@contentful/experience-design-system-generation": "2.26.7-dev-build-8206e92.0"
+    "@contentful/experience-design-system-extraction": "2.26.7-dev-build-cdb420a.0",
+    "@contentful/experience-design-system-generation": "2.26.7-dev-build-cdb420a.0",
+    "@contentful/experience-design-system-client": "2.26.7-dev-build-cdb420a.0"
   },
   "repository": {
     "type": "git",