@fc-components/monaco-editor 0.1.20 → 0.1.22

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

@@ -2025,7 +2025,8 @@ var getStyles = function getStyles(placeholder) {
 };
 function PromQLEditor(props) {
   var id = uuid.v4();
-  var _props$size = props.size,
+  var className = 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,
@@ -2238,7 +2239,7 @@ function PromQLEditor(props) {
     }
   }, [enableAutocomplete, props.url, props.lookbackInterval, JSON.stringify(props.variablesNames), props.durationVariablesCompletion, props.httpMethod, props.apiPrefix, placeholder, enableRequests]);
   return React__default.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 ? " " + className : '')
   }, React__default.createElement("div", {
     ref: containerRef
   }, React__default.createElement(MonacoEditor, {
@@ -3502,7 +3503,8 @@ 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 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,
@@ -3637,8 +3639,9 @@ 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 : '') + (className ? " " + className : ''),
     style: {
+      display: 'block',
       resize: 'vertical',
       overflow: 'auto',
       minHeight: SIZE_MAP$2[size].minHeight,
@@ -3667,6 +3670,7 @@ function SqlEditor(props) {
       scrollBeyondLastLine: false,
       smoothScrolling: true,
       fontSize: fontSize,
+      lineHeight: 24,
       tabSize: 2,
       wordWrap: 'on',
       automaticLayout: true,