[Task]: Modularise Plugin Action Editor #34324
Description
By combining the ApiEditor and QueryEditor components, we will create a new Plugin Action Editor component that would be composable and configurable to allow for use in all IDEs.
- [Task]: Create Plugin Action context #36152
- [Task] Create Plugin Action Editor component #36153
- [Task] Combine Query Editor and Api Editor form components #36154
- [Task] Create a common Plugin Action Response Pane component #36155
The end result of this modularisation would allow for a composition of Plugin actions as so:
const AppPluginActionEditor {
return (
<PluginActionProvider {...}>
<PluginActionEditor>
<AppPluginActionToolbar />
<PluginActionForm />
<AppPluginActionBottomView />
</PluginActionEditor>
<ActionProvider>
)
}
const WorkflowPluginActionEditor {
return (
<PluginActionProvider {...}>
<PluginActionEditor>
<WorkflowPluginActionToolbar />
<PluginActionForm />
<WorkflowPluginActionBottomView />
</PluginActionEditor>
<ActionProvider>
)
}
const ModulePluginActionEditor {
return (
<PluginActionProvider {...}>
<PluginActionEditor>
<ModulePluginActionToolbar />
<PluginActionForm />
<PluginInputs />
<ModulePluginActionBottomView />
</PluginActionEditor>
<ActionProvider>
)
}