Covers Engine Plugin SDK 2.0.0 · Interface Plugin SDK 0.2.0

TaskBindingTable

Renders the standard editable task channel-binding table.

Import

import { TaskBindingTable } from "@dartwic/interface-sdk/ui";

Declaration

export const TaskBindingTable: HostComponent<TaskBindingTableProps>;

TaskBindingTableProps

Standard task binding table shared by plugin task editors.

export interface TaskBindingTableProps extends HostComponentProps {
    title?: string;
    bindings: TaskBinding[];
    onBindingsChange: (bindings: TaskBinding[]) => void;
    bindingTypes: Array<{value: string; label: string}>;
    channelMode?: "read" | "write";
    typeKey?: string;
    addressKey?: string;
    channelKey?: string;
    typeLabel?: string;
    addressLabel?: string;
    channelLabel?: string;
    channelPlaceholder?: string;
    emptyMessage?: string;
    addLabel?: string;
    addDisabled?: boolean;
    normalizeChannelValue?: (value: string) => string;
    createBinding?: (sequence: number) => TaskBinding;
    /** Optional plugin-defined columns rendered with the standard host table styling. */
    columns?: Array<{
        key?: string;
        label: HostNode;
        width?: string;
        render: (binding: TaskBinding, index: number, updateBinding: (binding: TaskBinding) => void) => HostNode;
    }>;
    /** Optional controls replacing the standard single add button. */
    headerActions?: HostNode;
    /** Minimum width of the horizontally scrollable table content. */
    minTableWidth?: string;
}

Prop	Type	Requirement	Description
`title`	`string`	Optional
`bindings`	`TaskBinding[]`	Required
`onBindingsChange`	`(bindings: TaskBinding[]) => void`	Required
`bindingTypes`	`Array<{value: string; label: string}>`	Required
`channelMode`	`"read" \| "write"`	Optional
`typeKey`	`string`	Optional
`addressKey`	`string`	Optional
`channelKey`	`string`	Optional
`typeLabel`	`string`	Optional
`addressLabel`	`string`	Optional
`channelLabel`	`string`	Optional
`channelPlaceholder`	`string`	Optional
`emptyMessage`	`string`	Optional
`addLabel`	`string`	Optional
`addDisabled`	`boolean`	Optional
`normalizeChannelValue`	`(value: string) => string`	Optional
`createBinding`	`(sequence: number) => TaskBinding`	Optional
`columns`	`Array<{
key?: string;
label: HostNode;
width?: string;
render: (binding: TaskBinding, index: number, updateBinding: (binding: TaskBinding) => void) => HostNode;
}>`	Optional	Optional plugin-defined columns rendered with the standard host table styling.
`headerActions`	`HostNode`	Optional	Optional controls replacing the standard single add button.
`minTableWidth`	`string`	Optional	Minimum width of the horizontally scrollable table content.
`className`	`string`	Optional	Additional Tailwind or host CSS classes.
`children`	`HostNode`	Optional	Child content rendered by the host component.
`id`	`string`	Optional	Optional DOM identifier.
`style`	`Record<string, unknown>`	Optional	Inline style values passed to the host component.