PromucFlow_constructor/app/client/src/utils/FormControlRegistry.tsx
arunvjn c2ecfa94b3 Fix for slash commands blocker issues
(cherry picked from commit 6c0da9a380)
2021-07-15 20:10:48 +05:30

108 lines
4.0 KiB
TypeScript

import React from "react";
import FormControlFactory from "./FormControlFactory";
import FixedKeyInputControl, {
FixedKeyInputControlProps,
} from "components/formControls/FixedKeyInputControl";
import InputTextControl, {
InputControlProps,
} from "components/formControls/InputTextControl";
import DropDownControl, {
DropDownControlProps,
} from "components/formControls/DropDownControl";
import SwitchControl, {
SwitchControlProps,
} from "components/formControls/SwitchControl";
import KeyValueArrayControl, {
KeyValueArrayProps,
} from "components/formControls/KeyValueArrayControl";
import KeyValueInputControl, {
KeyValueInputProps,
} from "components/formControls/KeyValueInputControl";
import FilePickerControl, {
FilePickerControlProps,
} from "components/formControls/FilePickerControl";
import DynamicTextControl, {
DynamicTextFieldProps,
} from "components/formControls/DynamicTextFieldControl";
import CheckboxControl, {
CheckboxControlProps,
} from "components/formControls/CheckboxControl";
import DynamicInputTextControl, {
DynamicInputControlProps,
} from "components/formControls/DynamicInputTextControl";
import InputNumberControl from "components/formControls/InputNumberControl";
import FieldArrayControl, {
FieldArrayControlProps,
} from "components/formControls/FieldArrayControl";
class FormControlRegistry {
static registerFormControlBuilders() {
FormControlFactory.registerControlBuilder("INPUT_TEXT", {
buildPropertyControl(controlProps: InputControlProps): JSX.Element {
return <InputTextControl {...controlProps} />;
},
});
FormControlFactory.registerControlBuilder("FIXED_KEY_INPUT", {
buildPropertyControl(
controlProps: FixedKeyInputControlProps,
): JSX.Element {
return <FixedKeyInputControl {...controlProps} />;
},
});
FormControlFactory.registerControlBuilder("DROP_DOWN", {
buildPropertyControl(controlProps: DropDownControlProps): JSX.Element {
return <DropDownControl {...controlProps} />;
},
});
FormControlFactory.registerControlBuilder("SWITCH", {
buildPropertyControl(controlProps: SwitchControlProps): JSX.Element {
return <SwitchControl {...controlProps} />;
},
});
FormControlFactory.registerControlBuilder("KEYVALUE_ARRAY", {
buildPropertyControl(controlProps: KeyValueArrayProps): JSX.Element {
return <KeyValueArrayControl {...controlProps} />;
},
});
FormControlFactory.registerControlBuilder("FILE_PICKER", {
buildPropertyControl(controlProps: FilePickerControlProps): JSX.Element {
return <FilePickerControl {...controlProps} />;
},
});
FormControlFactory.registerControlBuilder("KEY_VAL_INPUT", {
buildPropertyControl(controlProps: KeyValueInputProps): JSX.Element {
return <KeyValueInputControl {...controlProps} />;
},
});
FormControlFactory.registerControlBuilder("QUERY_DYNAMIC_TEXT", {
buildPropertyControl(controlProps: DynamicTextFieldProps): JSX.Element {
return <DynamicTextControl {...controlProps} />;
},
});
FormControlFactory.registerControlBuilder("QUERY_DYNAMIC_INPUT_TEXT", {
buildPropertyControl(
controlProps: DynamicInputControlProps,
): JSX.Element {
return <DynamicInputTextControl {...controlProps} />;
},
});
FormControlFactory.registerControlBuilder("CHECKBOX", {
buildPropertyControl(controlProps: CheckboxControlProps): JSX.Element {
return <CheckboxControl {...controlProps} />;
},
});
FormControlFactory.registerControlBuilder("NUMBER_INPUT", {
buildPropertyControl(controlProps: InputControlProps): JSX.Element {
return <InputNumberControl {...controlProps} />;
},
});
FormControlFactory.registerControlBuilder("ARRAY_FIELD", {
buildPropertyControl(controlProps: FieldArrayControlProps): JSX.Element {
return <FieldArrayControl {...controlProps} />;
},
});
}
}
export default FormControlRegistry;