@fc-components/monaco-editor 0.3.2 → 0.3.4

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,9 +3712,9 @@ 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: 0.6;\n  transition: opacity 0.15s;\n\n  &:hover {\n    opacity: 1;\n    background: var(--format-btn-hover-bg, rgba(128, 128, 128, 0.15));\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) {
   var id = uuid.v4();
   var className = props.className,
@@ -3924,12 +3932,12 @@ var SqlEditor = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   }, React__default.createElement("svg", {
     xmlns: 'http://www.w3.org/2000/svg',
-    width: '16',
-    height: '16',
+    width: '12',
+    height: '12',
     viewBox: '0 0 24 24',
     fill: 'none',
     stroke: 'currentColor',
-    strokeWidth: '2',
+    strokeWidth: '1',
     strokeLinecap: 'round',
     strokeLinejoin: 'round'
   }, React__default.createElement("path", {
@@ -5610,7 +5618,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 +5644,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();