@contentful/experience-design-system-cli 2.14.2 → 2.15.0

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

@@ -1,10 +1,22 @@
 import React from 'react';
+import type { ComponentTypeSummary } from '@contentful/experience-design-system-types';
+/** Max removed-component lines shown at once; the rest scroll with j/k.
+ *  Exported so the parent's scroll-offset clamping stays in sync. */
+export declare const FINALIZE_REMOVED_WINDOW = 6;
 type FinalizeDialogProps = {
     accepted: number;
     rejected: number;
     needsReview: number;
     onConfirm: () => void;
     onCancel: () => void;
+    /** Components that will be DELETED from the target space on push, from a
+     *  preview scoped to the accepted set. */
+    removed?: ComponentTypeSummary[];
+    /** Status of the accepted-set preview fired when the dialog opened. While
+     *  'running', the deletion section shows a spinner instead of a (stale) list. */
+    previewStatus?: 'idle' | 'running' | 'done' | 'error';
+    /** Scroll offset into the removed list (owned by the parent; j/k adjust it). */
+    removedScrollOffset?: number;
 };
-export declare function FinalizeDialog({ accepted, rejected, needsReview, onConfirm, onCancel, }: FinalizeDialogProps): React.ReactElement;
+export declare function FinalizeDialog({ accepted, rejected, needsReview, onConfirm, onCancel, removed, previewStatus, removedScrollOffset, }: FinalizeDialogProps): React.ReactElement;
 export {};

package/dist/src/analyze/select/tui/components/FinalizeDialog.js

@@ -1,8 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { PALETTE } from '../theme.js';
 import { Box, Text } from 'ink';
 import { useImmediateInput } from '../hooks/useImmediateInput.js';
-export function FinalizeDialog({ accepted, rejected, needsReview, onConfirm, onCancel, }) {
+import { removedComponentsHeader, removedComponentLine } from './removed-components-text.js';
+/** Max removed-component lines shown at once; the rest scroll with j/k.
+ *  Exported so the parent's scroll-offset clamping stays in sync. */
+export const FINALIZE_REMOVED_WINDOW = 6;
+export function FinalizeDialog({ accepted, rejected, needsReview, onConfirm, onCancel, removed = [], 
+// Default 'done' so callers that pass a ready `removed` list (e.g. the atomic
+// review step) render it immediately without threading a status.
+previewStatus = 'done', removedScrollOffset = 0, }) {
     useImmediateInput((input, key) => {
+        // j/k scroll the removed list; the parent owns the offset (handled there).
+        if (input === 'j' || input === 'k' || key.upArrow || key.downArrow)
+            return;
         if (input === 'y' || key.return) {
             onConfirm();
         }
@@ -11,5 +22,15 @@ export function FinalizeDialog({ accepted, rejected, needsReview, onConfirm, onC
         }
     });
     const allResolved = needsReview === 0;
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", padding: 1, width: 58, children: [_jsx(Text, { bold: true, children: '─'.repeat(17) + ' Finalize ' + '─'.repeat(17) }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsxs(Text, { color: "green", children: [accepted, " accepted"] }), _jsx(Text, { children: " \u00B7 " }), _jsxs(Text, { color: "red", children: [rejected, " rejected"] }), _jsx(Text, { children: " \u00B7 " }), _jsxs(Text, { dimColor: true, children: [needsReview, " unresolved"] })] }), _jsx(Text, { children: " " }), !allResolved && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "yellow", children: '⚠ ' + needsReview + ' unresolved component' + (needsReview === 1 ? '' : 's') + ' will not be pushed.' }), _jsx(Text, { color: "yellow", children: '  Only explicitly accepted components ship.' }), _jsx(Text, { children: " " })] })), _jsx(Text, { children: allResolved ? 'Save decisions and exit? All components resolved.' : 'Save decisions and exit?' }), _jsx(Text, { children: " " }), _jsx(Text, { children: '  [y / Enter]  Confirm    [n / Esc]  Cancel' })] }));
+    const noneAccepted = accepted === 0;
+    const maxOffset = Math.max(0, removed.length - FINALIZE_REMOVED_WINDOW);
+    const offset = Math.min(Math.max(0, removedScrollOffset), maxOffset);
+    const windowed = removed.slice(offset, offset + FINALIZE_REMOVED_WINDOW);
+    const hasMoreBelow = offset + FINALIZE_REMOVED_WINDOW < removed.length;
+    const hasMoreAbove = offset > 0;
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", padding: 1, width: 58, children: [_jsx(Text, { bold: true, children: '─'.repeat(17) + ' Finalize ' + '─'.repeat(17) }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsxs(Text, { color: PALETTE.success, children: [accepted, " accepted"] }), _jsx(Text, { children: " \u00B7 " }), _jsxs(Text, { color: PALETTE.error, children: [rejected, " rejected"] }), _jsx(Text, { children: " \u00B7 " }), _jsxs(Text, { dimColor: true, children: [needsReview, " unresolved"] })] }), _jsx(Text, { children: " " }), noneAccepted && (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, color: PALETTE.warning, children: '⚠ No components are accepted — nothing will be pushed.' }), _jsx(Text, { color: PALETTE.warning, children: '  Accept at least one component ([a] a row, [A] accept all) to push.' }), _jsx(Text, { children: " " })] })), !allResolved && (_jsxs(_Fragment, { children: [_jsx(Text, { color: PALETTE.warning, children: '⚠ ' + needsReview + ' unresolved component' + (needsReview === 1 ? '' : 's') + ' will not be pushed.' }), _jsx(Text, { color: PALETTE.warning, children: '  Only explicitly accepted components ship.' }), _jsx(Text, { children: " " })] })), previewStatus === 'running' && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: "Previewing deletions against the target space\u2026" }), _jsx(Text, { children: " " })] })), previewStatus === 'error' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: PALETTE.warning, children: '⚠ Could not preview deletions (the push will still proceed).' }), _jsx(Text, { children: " " })] })), previewStatus === 'done' && removed.length > 0 && (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removed.length, false) }), hasMoreAbove && _jsx(Text, { dimColor: true, children: '  ↑ more above' }), windowed.map((rc) => (_jsx(Text, { color: PALETTE.error, children: removedComponentLine(rc) }, rc.id))), hasMoreBelow && _jsx(Text, { dimColor: true, children: '  ↓ more below' }), removed.length > FINALIZE_REMOVED_WINDOW && _jsx(Text, { dimColor: true, children: '  [j/k] scroll deletions' }), _jsx(Text, { children: " " })] })), _jsx(Text, { children: noneAccepted
+                    ? 'Confirm exit with nothing accepted?'
+                    : allResolved
+                        ? 'Save decisions and exit? All components resolved.'
+                        : 'Save decisions and exit?' }), _jsx(Text, { children: " " }), _jsx(Text, { children: '  [y / Enter]  Confirm    [n / Esc]  Cancel' })] }));
 }

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

@@ -0,0 +1,31 @@
+import React from 'react';
+export interface GotoRow {
+    label: string;
+    jumpTarget: string;
+    kind?: string;
+}
+export interface GotoBannerProps {
+    title: string;
+    rows: GotoRow[];
+    /** Index used to highlight + window. Indexes `rows` directly by default. */
+    cursor: number;
+    /**
+     * Override the row index the cursor sits on, when `cursor` indexes a subset
+     * (e.g. a jumpable projection) rather than `rows`. Windowing and the default
+     * highlight center on this instead of `cursor` when provided.
+     */
+    cursorRowIndex?: number;
+    /** Max rows rendered at once. Larger lists window around the cursor. */
+    maxRows?: number;
+    /** Constrain the box to a fixed column width (e.g. the sidebar slot). */
+    width?: number;
+    /** Footer keybinding hint. Rendered dim below the list when given. */
+    footerHint?: string;
+    /**
+     * Escape hatch for feature-specific row rendering. Receives the row, its
+     * index into `rows`, and whether the cursor is on it. Falls back to a
+     * generic ▶-pointer row.
+     */
+    renderRow?: (row: GotoRow, index: number, isCursor: boolean) => React.ReactElement;
+}
+export declare function GotoBanner({ title, rows, cursor, cursorRowIndex, maxRows, width, footerHint, renderRow, }: GotoBannerProps): React.ReactElement;

package/dist/src/analyze/select/tui/components/GotoBanner.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PALETTE } from '../theme.js';
+import { Box, Text } from 'ink';
+const DEFAULT_MAX_ROWS = 15;
+function windowStart(rowCount, highlightIndex, maxRows) {
+    if (rowCount <= maxRows)
+        return 0;
+    const maxStart = rowCount - maxRows;
+    let start = highlightIndex - Math.floor(maxRows / 2);
+    if (start < 0)
+        start = 0;
+    if (start > maxStart)
+        start = maxStart;
+    return start;
+}
+function defaultRenderRow(row, index, isCursor) {
+    return (_jsxs(Text, { children: [isCursor ? (_jsx(Text, { color: PALETTE.info, bold: true, children: '▶' })) : (_jsx(Text, { children: " " })), _jsx(Text, { inverse: isCursor, children: ' ' + row.label })] }, index));
+}
+export function GotoBanner({ title, rows, cursor, cursorRowIndex, maxRows = DEFAULT_MAX_ROWS, width, footerHint, renderRow = defaultRenderRow, }) {
+    const highlightIndex = cursorRowIndex ?? cursor;
+    const start = windowStart(rows.length, highlightIndex, maxRows);
+    const end = Math.min(rows.length, start + maxRows);
+    const visible = rows.slice(start, end);
+    const moreAbove = start;
+    const moreBelow = rows.length - end;
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.info, paddingX: 1, marginTop: width === undefined ? 1 : 0, width: width, flexShrink: 0, children: [_jsx(Text, { bold: true, children: title }), moreAbove > 0 && _jsx(Text, { dimColor: true, children: `  ▲ ${moreAbove} more` }), visible.map((row, vi) => {
+                const i = start + vi;
+                return renderRow(row, i, i === highlightIndex);
+            }), moreBelow > 0 && _jsx(Text, { dimColor: true, children: `  ▼ ${moreBelow} more` }), footerHint !== undefined && _jsx(Text, { dimColor: true, children: footerHint })] }));
+}

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

@@ -0,0 +1,91 @@
+import React from 'react';
+import type { CDFComponentEntry } from '@contentful/experience-design-system-types';
+import { type ComponentGraphNode, type NodeStatus } from '../../../composite-closure.js';
+import type { RenderStatus } from '../../../issue-inheritance.js';
+import type { PreviewAnnotation } from '../../types.js';
+export interface GroupedSidebarItem {
+    key: string;
+    entry: CDFComponentEntry;
+    status: NodeStatus;
+}
+export interface GroupedSidebarProps {
+    items: GroupedSidebarItem[];
+    cycleParticipants?: Set<string>;
+    selectedIdx: number;
+    selectedRowIdx?: number;
+    onSelect: (idx: number) => void;
+    expandedGroups: Set<string>;
+    onToggleExpanded: (rootName: string) => void;
+    width: number;
+    focused: boolean;
+    renderStatusByKey?: Map<string, RenderStatus>;
+    previewAnnotationByKey?: Map<string, PreviewAnnotation>;
+    scrollOffset?: number;
+    visibleCount?: number;
+    alwaysExpanded?: boolean;
+    showFlatTier?: boolean;
+    selectionStateByKey?: Map<string, 'accepted' | 'rejected' | 'undecided'>;
+    aiFlaggedByKey?: Map<string, boolean>;
+    dimPredicate?: (componentKey: string) => boolean;
+    viewMode?: 'grouped' | 'flat';
+    visibleRows?: VisibleRow[];
+    graph: ComponentGraphNode[];
+    filterVisibleKeys?: Set<string>;
+}
+type RowKind = 'cycle' | 'empty' | 'group-root' | 'group-child' | 'standalone' | 'flat' | 'flat-header';
+export interface VisibleRow {
+    kind: RowKind;
+    key: string;
+    label: string;
+    indent: number;
+    aggregateGlyph?: string | null;
+    sharedSuffix?: boolean;
+    cycleChild?: boolean;
+    itemIdx: number;
+    rootName?: string;
+}
+export declare function buildVisibleRows(props: {
+    items: GroupedSidebarItem[];
+    cycleParticipants: Set<string>;
+    expandedGroups: Set<string>;
+    alwaysExpanded?: boolean;
+    showFlatTier?: boolean;
+    viewMode?: 'grouped' | 'flat';
+    graph: ComponentGraphNode[];
+    filterVisibleKeys?: Set<string>;
+}): VisibleRow[];
+export declare function visibleItemOrder(props: {
+    items: GroupedSidebarItem[];
+    cycleParticipants: Set<string>;
+    expandedGroups: Set<string>;
+    alwaysExpanded?: boolean;
+    showFlatTier?: boolean;
+    graph: ComponentGraphNode[];
+}): number[];
+export declare function labelStyleFor(input: {
+    row: VisibleRow;
+    isCursor: boolean;
+    wouldDim: boolean;
+}): {
+    color: string | undefined;
+    bold: boolean;
+    dim: boolean;
+};
+export declare function selectionGlyphStyleFor(selState: 'accepted' | 'rejected' | 'undecided' | undefined, isCycleRow: boolean): {
+    glyph: string | null;
+    color: string | undefined;
+    dim: boolean;
+    bold: boolean;
+};
+export declare function inheritanceGlyphStyleFor(input: {
+    status: RenderStatus['status'] | undefined;
+    isOwn: boolean;
+    isCursor: boolean;
+}): {
+    glyph: string | null;
+    color: string | undefined;
+    dim: boolean;
+    bold: boolean;
+};
+export declare function GroupedSidebar(props: GroupedSidebarProps): React.ReactElement;
+export {};