@fc-components/monaco-editor 0.1.21 → 0.1.23

package/dist/monaco-editor.esm.js

@@ -2019,8 +2019,7 @@ var getStyles = function getStyles(placeholder) {
 };
 function PromQLEditor(props) {
   var id = v4();
-  var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
+  var className = props.className,
     _props$size = props.size,
     size = _props$size === void 0 ? 'middle' : _props$size,
     _props$theme = props.theme,
@@ -2234,10 +2233,7 @@ 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),
-    style: {
-      display: 'block'
-    }
+    className: 'ant-input' + (size ? " " + SIZE_MAP[size].className : '') + (disabled ? " ant-input-disabled " + containerDisabledClassName : '') + (readOnly ? " " + containerReadOnlyClassName : '') + (className ? " " + className : '')
   }, React.createElement("div", {
     ref: containerRef
   }, React.createElement(MonacoEditor, {
@@ -3501,7 +3497,8 @@ 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 maxHeight = props.maxHeight,
+  var className = props.className,
+    maxHeight = props.maxHeight,
     fontSize = props.fontSize,
     _props$size = props.size,
     size = _props$size === void 0 ? 'middle' : _props$size,
@@ -3590,7 +3587,7 @@ function SqlEditor(props) {
       var containerDiv = containerRef.current;
       if (containerDiv !== null) {
         var pixelHeight = editor$1.getContentHeight();
-        containerDiv.style.height = pixelHeight + "px";
+        containerDiv.style.minHeight = pixelHeight + "px";
         containerDiv.style.width = '100%';
         var pixelWidth = containerDiv.clientWidth;
         editor$1.layout({
@@ -3636,15 +3633,19 @@ 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 : '') + (className ? " " + className : ''),
     style: {
+      display: 'block',
       resize: 'vertical',
       overflow: 'auto',
       minHeight: SIZE_MAP$2[size].minHeight,
       maxHeight: maxHeight
     }
   }, React.createElement("div", {
-    ref: containerRef
+    ref: containerRef,
+    style: {
+      height: '100%'
+    }
   }, React.createElement(MonacoEditor, {
     width: '100%',
     height: '100%',