@fc-components/monaco-editor 0.3.3 → 0.3.5

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.3.3",
+  "version": "0.3.5",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/monaco-editor.esm.js",

package/src/sql/format.ts

@@ -5,6 +5,11 @@ export function formatSql(sql: string): string {
     return format(sql, {
       tabWidth: 2,
       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`\$__[a-zA-Z_][a-zA-Z0-9_]*` }],
+      },
     });
   } catch {
     // If formatting fails, return the original SQL

package/src/sql/index.tsx

@@ -335,7 +335,9 @@ const SqlEditor = forwardRef<SqlEditorHandle, SqlEditorProps>((props, ref) => {
       </div>
       {enableFormat &&
         (renderFormatButton ? (
-          renderFormatButton(handleFormat)
+          <div style={{ position: 'absolute', top: 4, right: 4, zIndex: 10 }} onClick={handleFormat}>
+            {renderFormatButton(handleFormat)}
+          </div>
         ) : (
           <button
             onClick={handleFormat}