import cloneDeep from 'lodash/cloneDeep'; import { TextBoxVariableModel } from '../types'; import { initialTextBoxVariableModelState, textBoxVariableReducer } from './reducer'; import { dispatch } from '../../../store/store'; import { setOptionAsCurrent } from '../state/actions'; import { VariableAdapter } from '../adapters'; import { TextBoxVariablePicker } from './TextBoxVariablePicker'; import { TextBoxVariableEditor } from './TextBoxVariableEditor'; import { setTextBoxVariableOptionsFromUrl, updateTextBoxVariableOptions } from './actions'; import { toVariableIdentifier } from '../state/types'; export const createTextBoxVariableAdapter = (): VariableAdapter => { return { id: 'textbox', description: 'Define a textbox variable, where users can enter any arbitrary string', name: 'Text box', initialState: initialTextBoxVariableModelState, reducer: textBoxVariableReducer, picker: TextBoxVariablePicker, editor: TextBoxVariableEditor, dependsOn: (variable, variableToTest) => { return false; }, setValue: async (variable, option, emitChanges = false) => { await dispatch(setOptionAsCurrent(toVariableIdentifier(variable), option, emitChanges)); }, setValueFromUrl: async (variable, urlValue) => { await dispatch(setTextBoxVariableOptionsFromUrl(toVariableIdentifier(variable), urlValue)); }, updateOptions: async variable => { await dispatch(updateTextBoxVariableOptions(toVariableIdentifier(variable))); }, getSaveModel: variable => { const { index, id, initLock, global, ...rest } = cloneDeep(variable); return rest; }, getValueForUrl: variable => { return variable.current.value; }, }; };