@fc-components/monaco-editor 0.1.19 → 0.1.21

package/dist/monaco-editor.esm.js

@@ -2019,7 +2019,9 @@ var getStyles = function getStyles(placeholder) {
 };
 function PromQLEditor(props) {
   var id = v4();
-  var _props$size = props.size,
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$size = props.size,
     size = _props$size === void 0 ? 'middle' : _props$size,
     _props$theme = props.theme,
     theme = _props$theme === void 0 ? 'light' : _props$theme,
@@ -2232,7 +2234,10 @@ function PromQLEditor(props) {
     }
   }, [enableAutocomplete, props.url, props.lookbackInterval, JSON.stringify(props.variablesNames), props.durationVariablesCompletion, props.httpMethod, props.apiPrefix, placeholder, enableRequests]);
   return React.createElement("div", {
-    className: 'ant-input' + (size ? " " + SIZE_MAP[size].className : '') + (disabled ? " ant-input-disabled " + containerDisabledClassName : '') + (readOnly ? " " + containerReadOnlyClassName : '')
+    className: 'ant-input' + (size ? " " + SIZE_MAP[size].className : '') + (disabled ? " ant-input-disabled " + containerDisabledClassName : '') + (readOnly ? " " + containerReadOnlyClassName : '') + (" " + className),
+    style: {
+      display: 'block'
+    }
   }, React.createElement("div", {
     ref: containerRef
   }, React.createElement(MonacoEditor, {
@@ -3472,17 +3477,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 = {
@@ -3493,7 +3501,9 @@ var containerDisabledClassName$2 = /*#__PURE__*/css(_templateObject$2 || (_templ
 var containerReadOnlyClassName$2 = /*#__PURE__*/css(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .monaco-editor .cursors-layer > .cursor {\n    opacity: 0 !important;\n  }\n"])));
 function SqlEditor(props) {
   var id = 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,
@@ -3626,7 +3636,13 @@ function SqlEditor(props) {
   };
   var themeValue = themeMap$2[theme];
   return React.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.createElement("div", {
     ref: containerRef
   }, React.createElement(MonacoEditor, {
@@ -3649,9 +3665,12 @@ function SqlEditor(props) {
       readOnly: readOnly || disabled,
       scrollBeyondLastLine: false,
       smoothScrolling: true,
+      fontSize: fontSize,
+      lineHeight: 24,
       tabSize: 2,
       wordWrap: 'on',
       automaticLayout: true,
+      fixedOverflowWidgets: true,
       glyphMargin: false,
       lineNumbers: 'off',
       lineNumbersMinChars: 0,
@@ -3661,7 +3680,12 @@ function SqlEditor(props) {
       overviewRulerLanes: 0,
       placeholder: placeholder,
       renderLineHighlight: 'none',
-      occurrencesHighlight: 'off'
+      occurrencesHighlight: 'off',
+      scrollbar: {
+        vertical: 'hidden',
+        horizontal: 'hidden',
+        alwaysConsumeMouseWheel: false
+      }
     }
   })));
 }