@fc-components/monaco-editor 0.3.4 → 0.3.6

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

@@ -3669,7 +3669,7 @@ var getSqlCompletionProvider = function getSqlCompletionProvider() {
 var _templateObject$2;
 function formatSql(sql) {
   try {
-    return sqlFormatter.format(sql, {
+    var formatted = sqlFormatter.format(sql, {
       tabWidth: 2,
       keywordCase: 'upper',
       // Treat custom $__ prefixed macros (like $__timeFilter, $__timeRange, etc.)
@@ -3680,6 +3680,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;
@@ -3923,7 +3926,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',