@fc-components/monaco-editor 0.1.18 → 0.1.20

package/dist/monaco-editor.cjs.development.js

@@ -3478,17 +3478,20 @@ var SIZE_MAP$2 = {
   small: {
     className: 'ant-input-sm',
     top: 1,
-    bottom: 1
+    bottom: 1,
+    minHeight: 24
   },
   middle: {
     className: 'ant-input-md',
     top: 1,
-    bottom: 1
+    bottom: 1,
+    minHeight: 32
   },
   large: {
     className: 'ant-input-lg',
     top: 3,
-    bottom: 2
+    bottom: 2,
+    minHeight: 40
   }
 };
 var themeMap$2 = {
@@ -3499,7 +3502,9 @@ var containerDisabledClassName$2 = /*#__PURE__*/css.css(_templateObject$2 || (_t
 var containerReadOnlyClassName$2 = /*#__PURE__*/css.css(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .monaco-editor .cursors-layer > .cursor {\n    opacity: 0 !important;\n  }\n"])));
 function SqlEditor(props) {
   var id = uuid.v4();
-  var _props$size = props.size,
+  var maxHeight = props.maxHeight,
+    fontSize = props.fontSize,
+    _props$size = props.size,
     size = _props$size === void 0 ? 'middle' : _props$size,
     _props$theme = props.theme,
     theme = _props$theme === void 0 ? 'light' : _props$theme,
@@ -3515,6 +3520,7 @@ function SqlEditor(props) {
     onChange = props.onChange,
     onEnter = props.onEnter,
     onBlur = props.onBlur,
+    onFocus = props.onFocus,
     editorDidMount = props.editorDidMount;
   var containerRef = React.useRef(null);
   var editorRef = React.useRef(null);
@@ -3578,6 +3584,7 @@ function SqlEditor(props) {
     });
     editor.onDidFocusEditorText(function () {
       isEditorFocused.set(true);
+      onFocus == null || onFocus(editor.getValue());
     });
     // set the height of the editor container
     var updateElementHeight = function updateElementHeight() {
@@ -3630,7 +3637,13 @@ function SqlEditor(props) {
   };
   var themeValue = themeMap$2[theme];
   return React__default.createElement("div", {
-    className: 'ant-input' + (size ? " " + SIZE_MAP$2[size].className : '') + (disabled ? " ant-input-disabled " + containerDisabledClassName$2 : '') + (readOnly ? " " + containerReadOnlyClassName$2 : '')
+    className: 'ant-input' + (size ? " " + SIZE_MAP$2[size].className : '') + (disabled ? " ant-input-disabled " + containerDisabledClassName$2 : '') + (readOnly ? " " + containerReadOnlyClassName$2 : ''),
+    style: {
+      resize: 'vertical',
+      overflow: 'auto',
+      minHeight: SIZE_MAP$2[size].minHeight,
+      maxHeight: maxHeight
+    }
   }, React__default.createElement("div", {
     ref: containerRef
   }, React__default.createElement(MonacoEditor, {
@@ -3653,9 +3666,11 @@ function SqlEditor(props) {
       readOnly: readOnly || disabled,
       scrollBeyondLastLine: false,
       smoothScrolling: true,
+      fontSize: fontSize,
       tabSize: 2,
       wordWrap: 'on',
       automaticLayout: true,
+      fixedOverflowWidgets: true,
       glyphMargin: false,
       lineNumbers: 'off',
       lineNumbersMinChars: 0,
@@ -3665,7 +3680,12 @@ function SqlEditor(props) {
       overviewRulerLanes: 0,
       placeholder: placeholder,
       renderLineHighlight: 'none',
-      occurrencesHighlight: 'off'
+      occurrencesHighlight: 'off',
+      scrollbar: {
+        vertical: 'hidden',
+        horizontal: 'hidden',
+        alwaysConsumeMouseWheel: false
+      }
     }
   })));
 }