import { cloneDeep } from 'lodash'; import { dispatch } from '../../../store/store'; import { VariableAdapter } from '../adapters'; import { ALL_VARIABLE_TEXT } from '../constants'; import { optionPickerFactory } from '../pickers'; import { setOptionAsCurrent, setOptionFromUrl } from '../state/actions'; import { DataSourceVariableModel } from '../types'; import { containsVariable, isAllVariable, toKeyedVariableIdentifier } from '../utils'; import { DataSourceVariableEditor } from './DataSourceVariableEditor'; import { updateDataSourceVariableOptions } from './actions'; import { dataSourceVariableReducer, initialDataSourceVariableModelState } from './reducer'; export const createDataSourceVariableAdapter = (): VariableAdapter => { return { id: 'datasource', description: 'Enabled you to dynamically switch the data source for multiple panels.', name: 'Data source', initialState: initialDataSourceVariableModelState, reducer: dataSourceVariableReducer, picker: optionPickerFactory(), editor: DataSourceVariableEditor, dependsOn: (variable, variableToTest) => { if (variable.regex) { return containsVariable(variable.regex, variableToTest.name); } return false; }, setValue: async (variable, option, emitChanges = false) => { await dispatch(setOptionAsCurrent(toKeyedVariableIdentifier(variable), option, emitChanges)); }, setValueFromUrl: async (variable, urlValue) => { await dispatch(setOptionFromUrl(toKeyedVariableIdentifier(variable), urlValue)); }, updateOptions: async (variable) => { await dispatch(updateDataSourceVariableOptions(toKeyedVariableIdentifier(variable))); }, getSaveModel: (variable) => { const { index, id, state, global, rootStateKey, ...rest } = cloneDeep(variable); return { ...rest, options: [] }; }, getValueForUrl: (variable) => { if (isAllVariable(variable)) { return ALL_VARIABLE_TEXT; } return variable.current.value; }, }; };