@fc-components/monaco-editor 0.3.4 → 0.3.6

package/dist/monaco-editor.esm.js

@@ -3663,7 +3663,7 @@ var getSqlCompletionProvider = function getSqlCompletionProvider() {
 var _templateObject$2;
 function formatSql(sql) {
   try {
-    return format(sql, {
+    var formatted = format(sql, {
       tabWidth: 2,
       keywordCase: 'upper',
       // Treat custom $__ prefixed macros (like $__timeFilter, $__timeRange, etc.)
@@ -3674,6 +3674,9 @@ function formatSql(sql) {
         }]
       }
     });
+    // sql-formatter treats $__xxx as a placeholder and inserts a space before '('.
+    // Remove that extra space so $__timeFilter( stays intact as a function call.
+    return formatted.replace(/(\$__[a-zA-Z_][a-zA-Z0-9_]*)\s+\(/g, '$1(');
   } catch (_unused) {
     // If formatting fails, return the original SQL
     return sql;
@@ -3917,7 +3920,15 @@ var SqlEditor = /*#__PURE__*/forwardRef(function (props, ref) {
         alwaysConsumeMouseWheel: false
       }
     }
-  })), enableFormat && (renderFormatButton ? renderFormatButton(handleFormat) : React.createElement("button", {
+  })), enableFormat && (renderFormatButton ? React.createElement("div", {
+    style: {
+      position: 'absolute',
+      top: 4,
+      right: 4,
+      zIndex: 10
+    },
+    onClick: handleFormat
+  }, renderFormatButton(handleFormat)) : React.createElement("button", {
     onClick: handleFormat,
     className: formatBtnClassName,
     title: 'Format SQL',