g3-toolkit API Reference
    Preparing search index...

    Interface NodePropertyInspectorProps

    interface NodePropertyInspectorProps {
        className?: string;
        mode?: "preview" | "edit";
        nodeColorOf?: (id: string) => string | undefined;
        onClose?: () => void;
        onPropertyChange?: (key: string, value: unknown) => void;
        selection: { id: string; type: "node" | "edge" } | null;
        spec?: PropertyInspectorSpec;
        titleAccessory?: ReactNode;
        typeColorOf?: (type: string) => string | undefined;
        ugm: UGM;
    }
    Index

    Properties

    className?: string

    CSS class for the container.

    mode?: "preview" | "edit"

    "preview" (default) renders properties read-only; "edit" makes the property widgets interactive and emits onPropertyChange.

    nodeColorOf?: (id: string) => string | undefined

    LR-40 (owner review 2026-07-22): the node dot shows the node's ACTUAL applied color when the graph colors by a non-type property; type-derived color is only the fallback.

    onClose?: () => void

    Optional close handler; when provided a close button is shown.

    onPropertyChange?: (key: string, value: unknown) => void

    Called in edit mode when a property widget changes.

    selection: { id: string; type: "node" | "edge" } | null

    The selected element: "node" or "edge" and its ID, or null.

    Optional spec controlling the widget used per property key.

    titleAccessory?: ReactNode

    Upstream round-6 P3 (2026-07-28): a control rendered inline with the inspector's title (e.g. copy-identifier).

    typeColorOf?: (type: string) => string | undefined

    12.11: surfaces that apply a custom EncodingSpec pass their own type -> color resolver (e.g. categoricalColorMap keyed by VALUE) so the panel's type chips match the graph exactly; the internal theme-palette map only matches the DEFAULT encoding.

    ugm: UGM

    The UGM instance to read data from.