diff --git a/web/pgadmin/static/js/SchemaView/MappedControl.jsx b/web/pgadmin/static/js/SchemaView/MappedControl.jsx index 4196d3fd3..4a0f26746 100644 --- a/web/pgadmin/static/js/SchemaView/MappedControl.jsx +++ b/web/pgadmin/static/js/SchemaView/MappedControl.jsx @@ -75,7 +75,7 @@ function MappedFormControlBase({ type, value, id, onChange, className, visible, case 'file': return ; case 'sql': - return ; + return ; case 'note': return ; case 'datetimepicker': diff --git a/web/pgadmin/static/js/components/FormComponents.jsx b/web/pgadmin/static/js/components/FormComponents.jsx index eade7b045..28812238a 100644 --- a/web/pgadmin/static/js/components/FormComponents.jsx +++ b/web/pgadmin/static/js/components/FormComponents.jsx @@ -155,13 +155,16 @@ FormInput.propTypes = { testcid: PropTypes.any, }; -export function InputSQL({ value, options, onChange, className, controlProps, ...props }) { +export function InputSQL({ value, options, onChange, className, controlProps, inputRef, ...props }) { const classes = useStyles(); const editor = useRef(); return ( editor.current = obj} + currEditor={(obj) => { + editor.current = obj; + inputRef?.(obj); + }} value={value || ''} options={{ lineNumbers: true, @@ -186,6 +189,7 @@ InputSQL.propTypes = { readonly: PropTypes.bool, className: CustomPropTypes.className, controlProps: PropTypes.object, + inputRef: CustomPropTypes.ref, }; export function FormInputSQL({ hasError, required, label, className, helpMessage, testcid, value, controlProps, noLabel, ...props }) {