import { JSX } from 'react'; import { PopupModal } from '../../schema/index.ts'; /** * Formatted copy as its plain words, for the places a name is wanted rather * than a rendering (the list row). Parsing beats a tag-stripping regex: it also * turns `&` back into the ampersand the author typed. * * Exported for FieldPanel, which reuses it for the same purpose in its own * heading's subtitle. */ export declare function plainText(value: string): string; interface Props { popup: PopupModal; onChange: (patch: Partial) => void; /** Ask the host to open an item's panel. */ onSelect: (id: string) => void; /** * Step form: the screen the canvas is showing, and the way to change it. The * canvas is down to one step, so this list is where the whole form stays * visible — and clicking a step's header brings the canvas to it. */ activeStep?: number; onStepChange?: (index: number) => void; /** Drops a step's break, merging its items into the step before. */ onRemoveStep?: (index: number) => void; /** Opens the field picker, which fills the settings column below the tab rail. */ onOpenPicker: () => void; } /** * An outline of every item on the form, list-shaped rather than pointed-at: * the answer to what clicking in the canvas cannot do, finding a field * scrolled out of a tall card or faded to 0.4 because it is private. It keeps * the affordances that make it an alternative to pointing rather than a * picture of the form — its own drag-to-reorder, its own remove switch, and * (for a stepped form) a header per screen that both jumps the canvas there * and drops the step. * * Selecting a row opens that item's own panel elsewhere (see FieldPanel) and * this list keeps rendering underneath it unchanged; it has no "selected" * state of its own to switch into. * * Rendered inside CardPanel's own Accordion, and only there. The fields tab * that used to mount it as well is gone: what the form holds is part of what * the card is, so it lives under the card's own panel now. */ export declare function FieldOutline({ popup, onChange, onSelect, activeStep, onStepChange, onRemoveStep, onOpenPicker, }: Props): JSX.Element; export declare const PLUG: JSX.Element; export declare const LOCK: JSX.Element; export {};