Renders a component for executing MongoDB queries through a GUI
Setting values via configure:
import Plugin, {
configureStore,
configureActions,
} from '@mongodb-js/compass-query-bar';
const actions = configureActions();
const store = configureStore({
localAppRegistry: appRegistry,
actions: actions,
namespace: 'db.coll',
serverVersion: '4.2.0',
fields: [],
});
<Plugin store={store} actions={actions} />;
const role = appRegistry.getRole('Query.QueryBar')[0];
const Plugin = role.component;
const configureStore = role.configureStore;
const configureActions = role.configureActions;
const actions = configureActions();
const store = configureStore({
globalAppRegistry: appRegistry,
localAppRegistry: localAppRegistry,
actions: actions,
namespace: 'db.coll',
serverVersion: '4.2.0',
fields: [],
});
<Plugin store={store} actions={actions} />;
The fields array must be an array of objects that the ACE editor autocompleter understands. See This example for what that array looks like.