@fc-components/monaco-editor 0.3.3 → 0.3.5

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

@@ -3666,11 +3666,19 @@ var getSqlCompletionProvider = function getSqlCompletionProvider() {
   };
 };
 
+var _templateObject$2;
 function formatSql(sql) {
   try {
     return sqlFormatter.format(sql, {
       tabWidth: 2,
-      keywordCase: 'upper'
+      keywordCase: 'upper',
+      // Treat custom $__ prefixed macros (like $__timeFilter, $__timeRange, etc.)
+      // as parameter placeholders so the formatter doesn't choke on them.
+      paramTypes: {
+        custom: [{
+          regex: String.raw(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["$__[a-zA-Z_][a-zA-Z0-9_]*"], ["\\$__[a-zA-Z_][a-zA-Z0-9_]*"])))
+        }]
+      }
     });
   } catch (_unused) {
     // If formatting fails, return the original SQL
@@ -3678,7 +3686,7 @@ function formatSql(sql) {
   }
 }
 
-var _templateObject$2, _templateObject2$2, _templateObject3;
+var _templateObject$3, _templateObject2$2, _templateObject3;
 var SQL_LANG_ID = 'sql';
 var SIZE_MAP$2 = {
   small: {
@@ -3704,7 +3712,7 @@ var themeMap$2 = {
   light: 'sql-light',
   dark: 'sql-dark'
 };
-var containerDisabledClassName$2 = /*#__PURE__*/css.css(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .monaco-editor {\n    user-select: none;\n    pointer-events: none;\n  }\n"])));
+var containerDisabledClassName$2 = /*#__PURE__*/css.css(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .monaco-editor {\n    user-select: none;\n    pointer-events: none;\n  }\n"])));
 var containerReadOnlyClassName$2 = /*#__PURE__*/css.css(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .monaco-editor .cursors-layer > .cursor {\n    opacity: 0 !important;\n  }\n"])));
 var formatBtnClassName = /*#__PURE__*/css.css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 4px;\n  right: 4px;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: none;\n  background: transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  color: inherit;\n  opacity: 1;\n  transition: opacity 0.15s;\n\n  &:hover {\n    background: var(--format-btn-hover-bg, rgba(128, 128, 128, 0.15));\n  }\n"])));
 var SqlEditor = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -3915,7 +3923,15 @@ var SqlEditor = /*#__PURE__*/React.forwardRef(function (props, ref) {
         alwaysConsumeMouseWheel: false
       }
     }
-  })), enableFormat && (renderFormatButton ? renderFormatButton(handleFormat) : React__default.createElement("button", {
+  })), enableFormat && (renderFormatButton ? React__default.createElement("div", {
+    style: {
+      position: 'absolute',
+      top: 4,
+      right: 4,
+      zIndex: 10
+    },
+    onClick: handleFormat
+  }, renderFormatButton(handleFormat)) : React__default.createElement("button", {
     onClick: handleFormat,
     className: formatBtnClassName,
     title: 'Format SQL',
@@ -5610,7 +5626,7 @@ function countDoubleQuotesOutsideBlockComments(line) {
   return (withoutBlockComments.match(/"/g) || []).length;
 }
 
-var _templateObject$3, _templateObject2$3;
+var _templateObject$4, _templateObject2$3;
 var EXPR_LANG_ID$1 = 'expr';
 var SIZE_MAP$3 = {
   small: {
@@ -5636,7 +5652,7 @@ var themeMap$3 = {
   light: 'expr-light',
   dark: 'expr-dark'
 };
-var containerDisabledClassName$3 = /*#__PURE__*/css.css(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .monaco-editor {\n    user-select: none;\n    pointer-events: none;\n  }\n"])));
+var containerDisabledClassName$3 = /*#__PURE__*/css.css(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .monaco-editor {\n    user-select: none;\n    pointer-events: none;\n  }\n"])));
 var containerReadOnlyClassName$3 = /*#__PURE__*/css.css(_templateObject2$3 || (_templateObject2$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .monaco-editor .cursors-layer > .cursor {\n    opacity: 0 !important;\n  }\n"])));
 function ExprEditor(props) {
   var id = uuid.v4();