FlowBox UI Components

@industream/flowmaker-flowbox-ui-components provides reusable Svelte components for DataCatalog-driven FlowMaker configuration UIs.

In this section

• Package overview
• Component API reference (all props and methods)
• DCSourceConnection
• DCCatalogEntry
• DCCatalogEntryPicker
• DCCatalogEntryPicker columns and customization
• Integration patterns and real worker examples
• Troubleshooting and known gotchas

Recommended reading order

1. Overview
2. Component API reference
3. DCSourceConnection
4. DCCatalogEntry
5. DCCatalogEntryPicker
6. Picker columns/customization
7. Integration patterns
8. Troubleshooting

When to use which component

• Use DCSourceConnection when users first choose a source connection (MQTT, OPC-UA, Modbus-TCP, InfluxDB2, etc.).
• Use DCCatalogEntry for a single entry selection dropdown.
• Use DCCatalogEntryPicker for multi-select workflows, searchable tabular browsing, and selected-tag management.

Integration baseline

All three are commonly used with flowMakerBridge(props) and jsonEnv('datacatalog') from @industream/flowmaker-flowbox-ui.

Reference

• sdk/config/flowbox-ui-components/README.md
• sdk/config/flowbox-ui-components/src/index.ts