@grafana/plugin-ui 0.13.0 → 0.14.0-dev.1

package/dist/cjs/index.cjs

@@ -351,7 +351,7 @@ class DataSourcePicker extends React.PureComponent {
       const dsSettings = this.dataSourceSrv.getInstanceSettings(item.value);
       if (dsSettings) {
         this.props.onChange(dsSettings);
-        this.setState({ error: undefined });
+        this.setState({ error: void 0 });
       }
     });
   }
@@ -535,7 +535,7 @@ const DataLink = (props) => {
         if (showInternalLink) {
           onChange({
             ...value,
-            datasourceUid: undefined
+            datasourceUid: void 0
           });
         }
         setShowInternalLink(!showInternalLink);
@@ -661,17 +661,17 @@ function toRawSql({ sql, dataset, catalog, table }, disableDatasets) {
   if (sql.whereString) {
     rawQuery += `WHERE ${sql.whereString} `;
   }
-  if ((_b = (_a = sql.groupBy) == null ? undefined : _a[0]) == null ? undefined : _b.property.name) {
+  if ((_b = (_a = sql.groupBy) == null ? void 0 : _a[0]) == null ? void 0 : _b.property.name) {
     const groupBy = sql.groupBy.map((g) => g.property.name).filter((g) => !lodash.isEmpty(g));
     rawQuery += `GROUP BY ${groupBy.join(", ")} `;
   }
-  if ((_c = sql.orderBy) == null ? undefined : _c.property.name) {
+  if ((_c = sql.orderBy) == null ? void 0 : _c.property.name) {
     rawQuery += `ORDER BY ${sql.orderBy.property.name} `;
   }
-  if (((_d = sql.orderBy) == null ? undefined : _d.property.name) && sql.orderByDirection) {
+  if (((_d = sql.orderBy) == null ? void 0 : _d.property.name) && sql.orderByDirection) {
     rawQuery += `${sql.orderByDirection} `;
   }
-  if (sql.limit !== undefined && sql.limit >= 0) {
+  if (sql.limit !== void 0 && sql.limit >= 0) {
     rawQuery += `LIMIT ${sql.limit} `;
   }
   return rawQuery;
@@ -681,9 +681,9 @@ function createSelectClause(sqlColumns) {
     var _a, _b;
     let rawColumn = "";
     if (c.name) {
-      rawColumn += `${c.name}(${(_a = c.parameters) == null ? undefined : _a.map((p) => `${p.name}`)})`;
+      rawColumn += `${c.name}(${(_a = c.parameters) == null ? void 0 : _a.map((p) => `${p.name}`)})`;
     } else {
-      rawColumn += `${(_b = c.parameters) == null ? undefined : _b.map((p) => `${p.name}`)}`;
+      rawColumn += `${(_b = c.parameters) == null ? void 0 : _b.map((p) => `${p.name}`)}`;
     }
     return rawColumn;
   });
@@ -695,7 +695,7 @@ function haveColumns(columns) {
   }
   const haveColumn = columns.some((c) => {
     var _a, _b;
-    return ((_a = c.parameters) == null ? undefined : _a.length) || ((_b = c.parameters) == null ? undefined : _b.some((p) => p.name));
+    return ((_a = c.parameters) == null ? void 0 : _a.length) || ((_b = c.parameters) == null ? void 0 : _b.some((p) => p.name));
   });
   const haveFunction = columns.some((c) => c.name);
   return haveColumn || haveFunction;
@@ -727,17 +727,17 @@ function createFunctionField(functionName) {
 }
 
 function applyQueryDefaults(q) {
-  let editorMode = (q == null ? undefined : q.editorMode) || EditorMode.Builder;
-  if ((q == null ? undefined : q.editorMode) === undefined && (q == null ? undefined : q.rawSql) !== undefined) {
+  let editorMode = (q == null ? void 0 : q.editorMode) || EditorMode.Builder;
+  if ((q == null ? void 0 : q.editorMode) === void 0 && (q == null ? void 0 : q.rawSql) !== void 0) {
     editorMode = EditorMode.Code;
   }
   const result = {
     ...q,
-    refId: (q == null ? undefined : q.refId) || "A",
-    format: (q == null ? undefined : q.format) !== undefined ? q.format : QueryFormat.Table,
-    rawSql: (q == null ? undefined : q.rawSql) || "",
+    refId: (q == null ? void 0 : q.refId) || "A",
+    format: (q == null ? void 0 : q.format) !== void 0 ? q.format : QueryFormat.Table,
+    rawSql: (q == null ? void 0 : q.rawSql) || "",
     editorMode,
-    sql: (q == null ? undefined : q.sql) || {
+    sql: (q == null ? void 0 : q.sql) || {
       columns: [createFunctionField()],
       groupBy: [setGroupByField()],
       limit: 50
@@ -789,7 +789,7 @@ class LinkedToken {
   }
   is(type, value) {
     const isType = this.type === type;
-    return value !== undefined ? isType && compareTokenWithValue(type, this, value) : isType;
+    return value !== void 0 ? isType && compareTokenWithValue(type, this, value) : isType;
   }
   getPreviousNonWhiteSpaceToken() {
     let curr = this.previous;
@@ -805,7 +805,7 @@ class LinkedToken {
     let curr = this.previous;
     while (curr != null) {
       const isType = curr.type === type;
-      if (value !== undefined ? isType && compareTokenWithValue(type, curr, value) : isType) {
+      if (value !== void 0 ? isType && compareTokenWithValue(type, curr, value) : isType) {
         return curr;
       }
       curr = curr.previous;
@@ -816,12 +816,12 @@ class LinkedToken {
     let tokens = [];
     let curr = this.previous;
     while (curr != null) {
-      if (ignoreTypes.some((t) => t === (curr == null ? undefined : curr.type))) {
+      if (ignoreTypes.some((t) => t === (curr == null ? void 0 : curr.type))) {
         curr = curr.previous;
         continue;
       }
       const isType = curr.type === type;
-      if (value !== undefined ? isType && compareTokenWithValue(type, curr, value) : isType) {
+      if (value !== void 0 ? isType && compareTokenWithValue(type, curr, value) : isType) {
         return tokens;
       }
       if (!curr.isWhiteSpace()) {
@@ -835,12 +835,12 @@ class LinkedToken {
     let tokens = [];
     let curr = this.next;
     while (curr != null) {
-      if (ignoreTypes.some((t) => t === (curr == null ? undefined : curr.type))) {
+      if (ignoreTypes.some((t) => t === (curr == null ? void 0 : curr.type))) {
         curr = curr.next;
         continue;
       }
       const isType = curr.type === type;
-      if (value !== undefined ? isType && compareTokenWithValue(type, curr, value) : isType) {
+      if (value !== void 0 ? isType && compareTokenWithValue(type, curr, value) : isType) {
         return tokens;
       }
       if (!curr.isWhiteSpace()) {
@@ -874,7 +874,7 @@ class LinkedToken {
     let curr = this.next;
     while (curr != null) {
       const isType = curr.type === type;
-      if (value !== undefined ? isType && compareTokenWithValue(type, curr, value) : isType) {
+      if (value !== void 0 ? isType && compareTokenWithValue(type, curr, value) : isType) {
         return curr;
       }
       curr = curr.next;
@@ -1023,9 +1023,9 @@ var SQLEditorMode = /* @__PURE__ */ ((SQLEditorMode2) => {
 
 function getStatementPosition(currentToken, statementPositionResolversRegistry) {
   var _a;
-  const previousNonWhiteSpace = currentToken == null ? undefined : currentToken.getPreviousNonWhiteSpaceToken();
-  const previousKeyword = currentToken == null ? undefined : currentToken.getPreviousKeyword();
-  const previousIsSlash = (_a = currentToken == null ? undefined : currentToken.getPreviousNonWhiteSpaceToken()) == null ? undefined : _a.is(TokenType.Operator, "/");
+  const previousNonWhiteSpace = currentToken == null ? void 0 : currentToken.getPreviousNonWhiteSpaceToken();
+  const previousKeyword = currentToken == null ? void 0 : currentToken.getPreviousKeyword();
+  const previousIsSlash = (_a = currentToken == null ? void 0 : currentToken.getPreviousNonWhiteSpaceToken()) == null ? void 0 : _a.is(TokenType.Operator, "/");
   const resolvers = statementPositionResolversRegistry.list();
   const positions = [];
   for (const resolver of resolvers) {
@@ -1053,8 +1053,8 @@ const toCompletionItem = (value, range, rest = {}) => {
 
 const getStandardSuggestions = async (monaco, currentToken, suggestionKinds, positionContext, suggestionsRegistry) => {
   let suggestions = [];
-  const invalidRangeToken = (currentToken == null ? undefined : currentToken.isWhiteSpace()) || (currentToken == null ? undefined : currentToken.isParenthesis()) || (currentToken == null ? undefined : currentToken.isIdentifier()) && currentToken.value.endsWith(".");
-  const range = invalidRangeToken || !(currentToken == null ? undefined : currentToken.range) ? monaco.Range.fromPositions(positionContext.position) : currentToken == null ? undefined : currentToken.range;
+  const invalidRangeToken = (currentToken == null ? void 0 : currentToken.isWhiteSpace()) || (currentToken == null ? void 0 : currentToken.isParenthesis()) || (currentToken == null ? void 0 : currentToken.isIdentifier()) && currentToken.value.endsWith(".");
+  const range = invalidRangeToken || !(currentToken == null ? void 0 : currentToken.range) ? monaco.Range.fromPositions(positionContext.position) : currentToken == null ? void 0 : currentToken.range;
   for (const suggestion of [...new Set(suggestionKinds)]) {
     const registeredSuggestions = suggestionsRegistry.getIfExists(suggestion);
     if (registeredSuggestions) {
@@ -1235,7 +1235,7 @@ function linkedTokenBuilder(monaco, model, position, languageId = "sql") {
         offset: 0,
         type: TokenType.Whitespace,
         language: languageId,
-        _tokenBrand: undefined
+        _tokenBrand: void 0
       };
       tokens.push(token);
     }
@@ -2159,31 +2159,31 @@ var language$1 = /*#__PURE__*/Object.freeze({
 
 const getSelectToken = (currentToken) => {
   var _a;
-  return (_a = currentToken == null ? undefined : currentToken.getPreviousOfType(TokenType.Keyword, SELECT)) != null ? _a : null;
+  return (_a = currentToken == null ? void 0 : currentToken.getPreviousOfType(TokenType.Keyword, SELECT)) != null ? _a : null;
 };
 const getFromKeywordToken = (currentToken) => {
   const selectToken = getSelectToken(currentToken);
-  return selectToken == null ? undefined : selectToken.getNextOfType(TokenType.Keyword, FROM);
+  return selectToken == null ? void 0 : selectToken.getNextOfType(TokenType.Keyword, FROM);
 };
 const getTableToken = (currentToken) => {
   var _a;
   const fromToken = getFromKeywordToken(currentToken);
-  const nextNonWhiteSpace = fromToken == null ? undefined : fromToken.getNextNonWhiteSpaceToken();
-  if (nextNonWhiteSpace == null ? undefined : nextNonWhiteSpace.isVariable()) {
+  const nextNonWhiteSpace = fromToken == null ? void 0 : fromToken.getNextNonWhiteSpaceToken();
+  if (nextNonWhiteSpace == null ? void 0 : nextNonWhiteSpace.isVariable()) {
     return null;
-  } else if ((nextNonWhiteSpace == null ? undefined : nextNonWhiteSpace.isKeyword()) && ((_a = nextNonWhiteSpace.next) == null ? undefined : _a.is(TokenType.Parenthesis, "("))) {
+  } else if ((nextNonWhiteSpace == null ? void 0 : nextNonWhiteSpace.isKeyword()) && ((_a = nextNonWhiteSpace.next) == null ? void 0 : _a.is(TokenType.Parenthesis, "("))) {
     return null;
   } else {
     return nextNonWhiteSpace;
   }
 };
 const defaultTableNameParser = (token) => {
-  const parts = token == null ? undefined : token.value.split(".");
-  if ((parts == null ? undefined : parts.length) === 1) {
+  const parts = token == null ? void 0 : token.value.split(".");
+  if ((parts == null ? void 0 : parts.length) === 1) {
     return { table: parts[0] };
-  } else if ((parts == null ? undefined : parts.length) === 2) {
+  } else if ((parts == null ? void 0 : parts.length) === 2) {
     return { schema: parts[0], table: parts[1] };
-  } else if ((parts == null ? undefined : parts.length) === 3) {
+  } else if ((parts == null ? void 0 : parts.length) === 3) {
     return { catalog: parts[0], schema: parts[1], table: parts[2] };
   }
   return null;
@@ -2558,7 +2558,7 @@ function initStatementPositionResolvers() {
       id: StatementPosition.SelectKeyword,
       name: StatementPosition.SelectKeyword,
       resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => Boolean(
-        currentToken === null || currentToken.isWhiteSpace() && currentToken.previous === null || currentToken.is(TokenType.Keyword, SELECT) || currentToken.is(TokenType.Keyword, SELECT) && currentToken.previous === null || previousIsSlash || currentToken.isIdentifier() && (previousIsSlash || (currentToken == null ? undefined : currentToken.previous) === null) || currentToken.isIdentifier() && SELECT.startsWith(currentToken.value.toLowerCase())
+        currentToken === null || currentToken.isWhiteSpace() && currentToken.previous === null || currentToken.is(TokenType.Keyword, SELECT) || currentToken.is(TokenType.Keyword, SELECT) && currentToken.previous === null || previousIsSlash || currentToken.isIdentifier() && (previousIsSlash || (currentToken == null ? void 0 : currentToken.previous) === null) || currentToken.isIdentifier() && SELECT.startsWith(currentToken.value.toLowerCase())
       )
     },
     {
@@ -2571,13 +2571,13 @@ function initStatementPositionResolvers() {
     {
       id: StatementPosition.AfterSelectKeyword,
       name: StatementPosition.AfterSelectKeyword,
-      resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => Boolean((previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.value.toLowerCase()) === SELECT)
+      resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => Boolean((previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.value.toLowerCase()) === SELECT)
     },
     {
       id: StatementPosition.AfterSelectArguments,
       name: StatementPosition.AfterSelectArguments,
       resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {
-        return Boolean((previousKeyword == null ? undefined : previousKeyword.value.toLowerCase()) === SELECT && (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.value) === ",");
+        return Boolean((previousKeyword == null ? void 0 : previousKeyword.value.toLowerCase()) === SELECT && (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.value) === ",");
       }
     },
     {
@@ -2585,7 +2585,7 @@ function initStatementPositionResolvers() {
       name: StatementPosition.AfterSelectFuncFirstArgument,
       resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {
         return Boolean(
-          ((previousKeyword == null ? undefined : previousKeyword.value.toLowerCase()) === SELECT || (previousKeyword == null ? undefined : previousKeyword.value.toLowerCase()) === AS) && ((previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.is(TokenType.Parenthesis, "(")) || (currentToken == null ? undefined : currentToken.is(TokenType.Parenthesis, "()")))
+          ((previousKeyword == null ? void 0 : previousKeyword.value.toLowerCase()) === SELECT || (previousKeyword == null ? void 0 : previousKeyword.value.toLowerCase()) === AS) && ((previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.is(TokenType.Parenthesis, "(")) || (currentToken == null ? void 0 : currentToken.is(TokenType.Parenthesis, "()")))
         );
       }
     },
@@ -2594,7 +2594,7 @@ function initStatementPositionResolvers() {
       name: StatementPosition.AfterWhereFunctionArgument,
       resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {
         return Boolean(
-          (previousKeyword == null ? undefined : previousKeyword.is(TokenType.Keyword, WHERE)) && ((previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.is(TokenType.Parenthesis, "(")) || (currentToken == null ? undefined : currentToken.is(TokenType.Parenthesis, "()")))
+          (previousKeyword == null ? void 0 : previousKeyword.is(TokenType.Keyword, WHERE)) && ((previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.is(TokenType.Parenthesis, "(")) || (currentToken == null ? void 0 : currentToken.is(TokenType.Parenthesis, "()")))
         );
       }
     },
@@ -2604,7 +2604,7 @@ function initStatementPositionResolvers() {
       resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {
         var _a;
         return Boolean(
-          (previousKeyword == null ? undefined : previousKeyword.is(TokenType.Keyword, BY)) && ((_a = previousKeyword == null ? undefined : previousKeyword.getPreviousKeyword()) == null ? undefined : _a.is(TokenType.Keyword, GROUP)) && ((previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.isIdentifier()) || (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.isDoubleQuotedString()) || (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.is(TokenType.Parenthesis, ")")) || (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.is(TokenType.Parenthesis, "()")))
+          (previousKeyword == null ? void 0 : previousKeyword.is(TokenType.Keyword, BY)) && ((_a = previousKeyword == null ? void 0 : previousKeyword.getPreviousKeyword()) == null ? void 0 : _a.is(TokenType.Keyword, GROUP)) && ((previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.isIdentifier()) || (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.isDoubleQuotedString()) || (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.is(TokenType.Parenthesis, ")")) || (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.is(TokenType.Parenthesis, "()")))
         );
       }
     },
@@ -2612,7 +2612,7 @@ function initStatementPositionResolvers() {
       id: StatementPosition.SelectAlias,
       name: StatementPosition.SelectAlias,
       resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {
-        if ((previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.value) === "," && (previousKeyword == null ? undefined : previousKeyword.value.toLowerCase()) === AS) {
+        if ((previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.value) === "," && (previousKeyword == null ? void 0 : previousKeyword.value.toLowerCase()) === AS) {
           return true;
         }
         return false;
@@ -2623,25 +2623,25 @@ function initStatementPositionResolvers() {
       name: StatementPosition.FromKeyword,
       resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {
         return Boolean(
-          (previousKeyword == null ? undefined : previousKeyword.value.toLowerCase()) === SELECT && (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.value) !== "," || ((currentToken == null ? undefined : currentToken.isKeyword()) || (currentToken == null ? undefined : currentToken.isIdentifier())) && FROM.toLowerCase().startsWith(currentToken.value.toLowerCase())
+          (previousKeyword == null ? void 0 : previousKeyword.value.toLowerCase()) === SELECT && (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.value) !== "," || ((currentToken == null ? void 0 : currentToken.isKeyword()) || (currentToken == null ? void 0 : currentToken.isIdentifier())) && FROM.toLowerCase().startsWith(currentToken.value.toLowerCase())
         );
       }
     },
     {
       id: StatementPosition.AfterFromKeyword,
       name: StatementPosition.AfterFromKeyword,
-      resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => Boolean(!(currentToken == null ? undefined : currentToken.value.includes(".")) && (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.value.toLowerCase()) === FROM)
+      resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => Boolean(!(currentToken == null ? void 0 : currentToken.value.includes(".")) && (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.value.toLowerCase()) === FROM)
     },
     {
       id: StatementPosition.AfterSchema,
       name: StatementPosition.AfterSchema,
       resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {
-        if ((currentToken == null ? undefined : currentToken.isWhiteSpace()) && (currentToken == null ? undefined : currentToken.next)) {
-          currentToken = currentToken == null ? undefined : currentToken.previous;
+        if ((currentToken == null ? void 0 : currentToken.isWhiteSpace()) && (currentToken == null ? void 0 : currentToken.next)) {
+          currentToken = currentToken == null ? void 0 : currentToken.previous;
           previousNonWhiteSpace = currentToken.getPreviousNonWhiteSpaceToken();
         }
         return Boolean(
-          (currentToken == null ? undefined : currentToken.isIdentifier()) && (currentToken == null ? undefined : currentToken.value.endsWith(".")) && (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.value.toLowerCase()) === FROM
+          (currentToken == null ? void 0 : currentToken.isIdentifier()) && (currentToken == null ? void 0 : currentToken.value.endsWith(".")) && (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.value.toLowerCase()) === FROM
         );
       }
     },
@@ -2649,7 +2649,7 @@ function initStatementPositionResolvers() {
       id: StatementPosition.AfterFrom,
       name: StatementPosition.AfterFrom,
       resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => Boolean(
-        (previousKeyword == null ? undefined : previousKeyword.value.toLowerCase()) === FROM && (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.isDoubleQuotedString()) || (previousKeyword == null ? undefined : previousKeyword.value.toLowerCase()) === FROM && (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.isIdentifier()) || (previousKeyword == null ? undefined : previousKeyword.value.toLowerCase()) === FROM && (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.isVariable())
+        (previousKeyword == null ? void 0 : previousKeyword.value.toLowerCase()) === FROM && (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.isDoubleQuotedString()) || (previousKeyword == null ? void 0 : previousKeyword.value.toLowerCase()) === FROM && (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.isIdentifier()) || (previousKeyword == null ? void 0 : previousKeyword.value.toLowerCase()) === FROM && (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.isVariable())
         //  cloudwatch specific
         // (previousKeyword?.value === SCHEMA && previousNonWhiteSpace?.is(TokenType.Parenthesis, ')'))
       )
@@ -2659,7 +2659,7 @@ function initStatementPositionResolvers() {
       name: StatementPosition.AfterTable,
       resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {
         return Boolean(
-          (previousKeyword == null ? undefined : previousKeyword.value.toLowerCase()) === FROM && ((previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.isVariable()) || (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.value) !== "" && (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.value.toLowerCase()) !== FROM)
+          (previousKeyword == null ? void 0 : previousKeyword.value.toLowerCase()) === FROM && ((previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.isVariable()) || (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.value) !== "" && (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.value.toLowerCase()) !== FROM)
         );
       }
     },
@@ -2667,7 +2667,7 @@ function initStatementPositionResolvers() {
       id: StatementPosition.WhereKeyword,
       name: StatementPosition.WhereKeyword,
       resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => Boolean(
-        (previousKeyword == null ? undefined : previousKeyword.value.toLowerCase()) === WHERE && ((previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.isKeyword()) || (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.is(TokenType.Parenthesis, "(")) || (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.is(TokenType.Operator, AND)))
+        (previousKeyword == null ? void 0 : previousKeyword.value.toLowerCase()) === WHERE && ((previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.isKeyword()) || (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.is(TokenType.Parenthesis, "(")) || (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.is(TokenType.Operator, AND)))
       )
     },
     {
@@ -2676,14 +2676,14 @@ function initStatementPositionResolvers() {
       resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {
         var _a;
         return Boolean(
-          (previousKeyword == null ? undefined : previousKeyword.value.toLowerCase()) === WHERE && !((_a = previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.getPreviousNonWhiteSpaceToken()) == null ? undefined : _a.isOperator()) && !(currentToken == null ? undefined : currentToken.is(TokenType.Delimiter, ".")) && !(currentToken == null ? undefined : currentToken.isParenthesis()) && ((previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.isIdentifier()) || (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.isDoubleQuotedString()))
+          (previousKeyword == null ? void 0 : previousKeyword.value.toLowerCase()) === WHERE && !((_a = previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.getPreviousNonWhiteSpaceToken()) == null ? void 0 : _a.isOperator()) && !(currentToken == null ? void 0 : currentToken.is(TokenType.Delimiter, ".")) && !(currentToken == null ? void 0 : currentToken.isParenthesis()) && ((previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.isIdentifier()) || (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.isDoubleQuotedString()))
         );
       }
     },
     {
       id: StatementPosition.WhereValue,
       name: StatementPosition.WhereValue,
-      resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => Boolean((previousKeyword == null ? undefined : previousKeyword.value.toLowerCase()) === WHERE && (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.isOperator()))
+      resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => Boolean((previousKeyword == null ? void 0 : previousKeyword.value.toLowerCase()) === WHERE && (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.isOperator()))
     },
     {
       id: StatementPosition.AfterWhereValue,
@@ -2691,7 +2691,7 @@ function initStatementPositionResolvers() {
       resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {
         var _a, _b, _c;
         return Boolean(
-          (previousKeyword == null ? undefined : previousKeyword.value.toLowerCase()) === WHERE && ((previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.is(TokenType.Operator, "and")) || (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.is(TokenType.Operator, "or")) || (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.isString()) || (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.isNumber()) || (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.is(TokenType.Parenthesis, ")")) || (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.is(TokenType.Parenthesis, "()")) || (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.isTemplateVariable()) || (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.is(TokenType.IdentifierQuote)) && ((_a = previousNonWhiteSpace.getPreviousNonWhiteSpaceToken()) == null ? undefined : _a.is(TokenType.Identifier)) && ((_c = (_b = previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.getPreviousNonWhiteSpaceToken()) == null ? undefined : _b.getPreviousNonWhiteSpaceToken()) == null ? undefined : _c.is(TokenType.IdentifierQuote)))
+          (previousKeyword == null ? void 0 : previousKeyword.value.toLowerCase()) === WHERE && ((previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.is(TokenType.Operator, "and")) || (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.is(TokenType.Operator, "or")) || (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.isString()) || (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.isNumber()) || (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.is(TokenType.Parenthesis, ")")) || (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.is(TokenType.Parenthesis, "()")) || (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.isTemplateVariable()) || (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.is(TokenType.IdentifierQuote)) && ((_a = previousNonWhiteSpace.getPreviousNonWhiteSpaceToken()) == null ? void 0 : _a.is(TokenType.Identifier)) && ((_c = (_b = previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.getPreviousNonWhiteSpaceToken()) == null ? void 0 : _b.getPreviousNonWhiteSpaceToken()) == null ? void 0 : _c.is(TokenType.IdentifierQuote)))
         );
       }
     },
@@ -2701,7 +2701,7 @@ function initStatementPositionResolvers() {
       resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {
         var _a;
         return Boolean(
-          (previousKeyword == null ? undefined : previousKeyword.is(TokenType.Keyword, BY)) && ((_a = previousKeyword == null ? undefined : previousKeyword.getPreviousKeyword()) == null ? undefined : _a.is(TokenType.Keyword, GROUP)) && ((previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.is(TokenType.Keyword, BY)) || (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.is(TokenType.Delimiter, ",")))
+          (previousKeyword == null ? void 0 : previousKeyword.is(TokenType.Keyword, BY)) && ((_a = previousKeyword == null ? void 0 : previousKeyword.getPreviousKeyword()) == null ? void 0 : _a.is(TokenType.Keyword, GROUP)) && ((previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.is(TokenType.Keyword, BY)) || (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.is(TokenType.Delimiter, ",")))
         );
       }
     },
@@ -2711,7 +2711,7 @@ function initStatementPositionResolvers() {
       resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {
         var _a;
         return Boolean(
-          (previousKeyword == null ? undefined : previousKeyword.is(TokenType.Keyword, BY)) && ((_a = previousKeyword == null ? undefined : previousKeyword.getPreviousKeyword()) == null ? undefined : _a.is(TokenType.Keyword, GROUP)) && ((previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.is(TokenType.Parenthesis, "(")) || (currentToken == null ? undefined : currentToken.is(TokenType.Parenthesis, "()")))
+          (previousKeyword == null ? void 0 : previousKeyword.is(TokenType.Keyword, BY)) && ((_a = previousKeyword == null ? void 0 : previousKeyword.getPreviousKeyword()) == null ? void 0 : _a.is(TokenType.Keyword, GROUP)) && ((previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.is(TokenType.Parenthesis, "(")) || (currentToken == null ? void 0 : currentToken.is(TokenType.Parenthesis, "()")))
         );
       }
     },
@@ -2721,7 +2721,7 @@ function initStatementPositionResolvers() {
       resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {
         var _a;
         return Boolean(
-          (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.is(TokenType.Keyword, BY)) && ((_a = previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.getPreviousKeyword()) == null ? undefined : _a.is(TokenType.Keyword, ORDER))
+          (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.is(TokenType.Keyword, BY)) && ((_a = previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.getPreviousKeyword()) == null ? void 0 : _a.is(TokenType.Keyword, ORDER))
         );
       }
     },
@@ -2731,20 +2731,20 @@ function initStatementPositionResolvers() {
       resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {
         var _a, _b;
         return Boolean(
-          (previousKeyword == null ? undefined : previousKeyword.is(TokenType.Keyword, BY)) && ((_a = previousKeyword == null ? undefined : previousKeyword.getPreviousKeyword()) == null ? undefined : _a.is(TokenType.Keyword, ORDER)) && (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.is(TokenType.Parenthesis)) && ((_b = previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.getPreviousNonWhiteSpaceToken()) == null ? undefined : _b.is(TokenType.Function))
+          (previousKeyword == null ? void 0 : previousKeyword.is(TokenType.Keyword, BY)) && ((_a = previousKeyword == null ? void 0 : previousKeyword.getPreviousKeyword()) == null ? void 0 : _a.is(TokenType.Keyword, ORDER)) && (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.is(TokenType.Parenthesis)) && ((_b = previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.getPreviousNonWhiteSpaceToken()) == null ? void 0 : _b.is(TokenType.Function))
         );
       }
     },
     {
       id: StatementPosition.AfterOrderByDirection,
       name: StatementPosition.AfterOrderByDirection,
-      resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => Boolean((previousKeyword == null ? undefined : previousKeyword.is(TokenType.Keyword, DESC)) || (previousKeyword == null ? undefined : previousKeyword.is(TokenType.Keyword, ASC)))
+      resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => Boolean((previousKeyword == null ? void 0 : previousKeyword.is(TokenType.Keyword, DESC)) || (previousKeyword == null ? void 0 : previousKeyword.is(TokenType.Keyword, ASC)))
     },
     {
       id: StatementPosition.AfterIsOperator,
       name: StatementPosition.AfterIsOperator,
       resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {
-        return Boolean(previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.is(TokenType.Operator, "IS"));
+        return Boolean(previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.is(TokenType.Operator, "IS"));
       }
     },
     {
@@ -2753,7 +2753,7 @@ function initStatementPositionResolvers() {
       resolve: (currentToken, previousKeyword, previousNonWhiteSpace, previousIsSlash) => {
         var _a;
         return Boolean(
-          (previousNonWhiteSpace == null ? undefined : previousNonWhiteSpace.is(TokenType.Operator, "NOT")) && ((_a = previousNonWhiteSpace.getPreviousNonWhiteSpaceToken()) == null ? undefined : _a.is(TokenType.Operator, "IS"))
+          (previousNonWhiteSpace == null ? void 0 : previousNonWhiteSpace.is(TokenType.Operator, "NOT")) && ((_a = previousNonWhiteSpace.getPreviousNonWhiteSpaceToken()) == null ? void 0 : _a.is(TokenType.Operator, "IS"))
         );
       }
     }
@@ -2767,7 +2767,7 @@ let sqlEditorLog = () => {
 if (ui.attachDebugger && ui.createLogger) {
   sqlEditorLogger = ui.createLogger("SQLEditor");
   sqlEditorLog = sqlEditorLogger.logger;
-  ui.attachDebugger("sqleditor", undefined, sqlEditorLogger);
+  ui.attachDebugger("sqleditor", void 0, sqlEditorLogger);
 }
 
 const COLUMN = "column", RELATIVE_TIME_STRING = "'5m'";
@@ -2829,7 +2829,7 @@ function getStandardSQLCompletionProvider(monaco, language) {
     provider.supportedFunctions = () => language.builtinFunctions.map((f) => ({ id: f, name: f }));
   }
   const operators = [];
-  if ((_a = language == null ? undefined : language.comparisonOperators) == null ? undefined : _a.length) {
+  if ((_a = language == null ? void 0 : language.comparisonOperators) == null ? void 0 : _a.length) {
     operators.push(
       ...language.comparisonOperators.map((f) => ({
         id: f.toLocaleLowerCase(),
@@ -2839,7 +2839,7 @@ function getStandardSQLCompletionProvider(monaco, language) {
     );
   }
   language.logicalOperators = (_b = language.logicalOperators) != null ? _b : language.operators;
-  if ((_c = language == null ? undefined : language.logicalOperators) == null ? undefined : _c.length) {
+  if ((_c = language == null ? void 0 : language.logicalOperators) == null ? void 0 : _c.length) {
     operators.push(
       ...language.logicalOperators.map((f) => ({ id: f.toLocaleLowerCase(), operator: f, type: OperatorType.Logical }))
     );
@@ -2865,7 +2865,7 @@ function useLatestCallback(callback) {
   });
   const hasCallback = Boolean(callback);
   return React.useMemo(
-    () => hasCallback ? ((...args) => ref.current(...args)) : undefined,
+    () => hasCallback ? ((...args) => ref.current(...args)) : void 0,
     [hasCallback]
   );
 }
@@ -2912,7 +2912,7 @@ const SQLEditor = ({
     ui.CodeEditor,
     {
       height: height || "240px",
-      width: width ? `${width - 2}px` : undefined,
+      width: width ? `${width - 2}px` : void 0,
       language: id,
       value: query,
       onBlur: onSqlBlur,
@@ -2943,12 +2943,12 @@ const SQLEditor = ({
   ), children && children({ formatQuery }));
 };
 const resolveLanguage = (monaco, languageDefinitionProp) => {
-  if ((languageDefinitionProp == null ? undefined : languageDefinitionProp.id) !== STANDARD_SQL_LANGUAGE && !languageDefinitionProp.loader) {
-    sqlEditorLog(`Loading language '${languageDefinitionProp == null ? undefined : languageDefinitionProp.id}' from Monaco registry`, false);
+  if ((languageDefinitionProp == null ? void 0 : languageDefinitionProp.id) !== STANDARD_SQL_LANGUAGE && !languageDefinitionProp.loader) {
+    sqlEditorLog(`Loading language '${languageDefinitionProp == null ? void 0 : languageDefinitionProp.id}' from Monaco registry`, false);
     const allLangs = monaco.languages.getLanguages();
-    const custom = allLangs.find(({ id }) => id === (languageDefinitionProp == null ? undefined : languageDefinitionProp.id));
+    const custom = allLangs.find(({ id }) => id === (languageDefinitionProp == null ? void 0 : languageDefinitionProp.id));
     if (!custom) {
-      throw Error(`Unknown Monaco language ${languageDefinitionProp == null ? undefined : languageDefinitionProp.id}`);
+      throw Error(`Unknown Monaco language ${languageDefinitionProp == null ? void 0 : languageDefinitionProp.id}`);
     }
     return { completionProvider: getStandardSQLCompletionProvider, ...custom, ...languageDefinitionProp };
   }
@@ -2970,7 +2970,7 @@ const registerLanguageAndSuggestions = async (monaco, l, lid) => {
     monaco.languages.registerDocumentFormattingEditProvider(lid, {
       provideDocumentFormattingEdits: (model) => {
         var _a;
-        const formatted = (_a = l.formatter) == null ? undefined : _a.call(l, model.getValue());
+        const formatted = (_a = l.formatter) == null ? void 0 : _a.call(l, model.getValue());
         return [
           {
             range: model.getFullModelRange(),
@@ -3077,7 +3077,7 @@ function extendStandardRegistries(id, lid, customProvider) {
   }
   if (customProvider.customSuggestionKinds) {
     for (const kind of customProvider.customSuggestionKinds()) {
-      (_a = kind.applyTo) == null ? undefined : _a.forEach((applyTo) => {
+      (_a = kind.applyTo) == null ? void 0 : _a.forEach((applyTo) => {
         const exists = languageRegistries.suggestionKinds.getIfExists(applyTo);
         if (exists) {
           if (exists.kind.indexOf(kind.id) === -1) {
@@ -3087,7 +3087,7 @@ function extendStandardRegistries(id, lid, customProvider) {
       });
       if (kind.overrideDefault) {
         const stbBehavior = instanceSuggestionsRegistry.get(kind.id);
-        if (stbBehavior !== undefined) {
+        if (stbBehavior !== void 0) {
           stbBehavior.suggestions = kind.suggestionsResolver;
           continue;
         }
@@ -3129,9 +3129,9 @@ function extendStandardRegistries(id, lid, customProvider) {
       var _a2, _b, _c, _d, _e;
       const o = await s(ctx, m);
       const tableToken = getTableToken(ctx.currentToken);
-      const tableNameParser = (_b = (_a2 = customProvider.tables) == null ? undefined : _a2.parseName) != null ? _b : defaultTableNameParser;
+      const tableNameParser = (_b = (_a2 = customProvider.tables) == null ? void 0 : _a2.parseName) != null ? _b : defaultTableNameParser;
       const tableIdentifier = tableNameParser(tableToken);
-      const oo = ((_e = await ((_d = (_c = customProvider.tables) == null ? undefined : _c.resolve) == null ? undefined : _d.call(_c, tableIdentifier))) != null ? _e : []).map((x) => {
+      const oo = ((_e = await ((_d = (_c = customProvider.tables) == null ? void 0 : _c.resolve) == null ? void 0 : _d.call(_c, tableIdentifier))) != null ? _e : []).map((x) => {
         var _a3;
         return {
           label: x.name,
@@ -3154,13 +3154,13 @@ function extendStandardRegistries(id, lid, customProvider) {
       const o = await s(ctx, m);
       const tableToken = getTableToken(ctx.currentToken);
       let tableIdentifier;
-      const tableNameParser = (_b = (_a2 = customProvider.tables) == null ? undefined : _a2.parseName) != null ? _b : defaultTableNameParser;
+      const tableNameParser = (_b = (_a2 = customProvider.tables) == null ? void 0 : _a2.parseName) != null ? _b : defaultTableNameParser;
       if (tableToken && tableToken.value) {
         tableIdentifier = tableNameParser(tableToken);
       }
       let oo = [];
       if (tableIdentifier) {
-        const columns = await ((_c = customProvider.columns) == null ? undefined : _c.resolve(tableIdentifier));
+        const columns = await ((_c = customProvider.columns) == null ? void 0 : _c.resolve(tableIdentifier));
         oo = columns ? columns.map((x) => {
           var _a3;
           return {
@@ -5458,7 +5458,7 @@ const toOption = (_a = data.toOption) != null ? _a : backWardToOption;
 
 const EditorStack = ({ children, wrap: wrapItems = true, ...props }) => {
   var _a, _b;
-  return /* @__PURE__ */ React__default.default.createElement(ui.Stack, { wrap: wrapItems ? "wrap" : undefined, direction: (_a = props.direction) != null ? _a : "row", gap: (_b = props.gap) != null ? _b : 2, ...props }, children);
+  return /* @__PURE__ */ React__default.default.createElement(ui.Stack, { wrap: wrapItems ? "wrap" : void 0, direction: (_a = props.direction) != null ? _a : "row", gap: (_b = props.gap) != null ? _b : 2, ...props }, children);
 };
 
 const EditorList = React.forwardRef(function EditorList2({ items, renderItem, onChange }, ref) {
@@ -5556,7 +5556,7 @@ function GroupByRow({ sql, columns, onSqlChange }) {
     (item) => {
       const cleaned = item.map((v) => {
         var _a;
-        return setGroupByField((_a = v.property) == null ? undefined : _a.name);
+        return setGroupByField((_a = v.property) == null ? void 0 : _a.name);
       });
       const newSql = { ...sql, groupBy: cleaned };
       onSqlChange(newSql);
@@ -5580,7 +5580,7 @@ function makeRenderColumn({ options }) {
     return /* @__PURE__ */ React__default.default.createElement(InputGroup, null, /* @__PURE__ */ React__default.default.createElement(
       ui.Select,
       {
-        value: ((_a = item.property) == null ? undefined : _a.name) ? data.toOption(item.property.name) : null,
+        value: ((_a = item.property) == null ? void 0 : _a.name) ? data.toOption(item.property.name) : null,
         "aria-label": "Group by",
         options,
         menuShouldPortal: true,
@@ -5613,7 +5613,7 @@ const EditorField$1 = (props) => {
   var _a;
   const { label, optional, tooltip, tooltipInteractive, children, width, ...fieldProps } = props;
   const styles = ui.useStyles2(getStyles$l, width);
-  const childInputId = (fieldProps == null ? undefined : fieldProps.htmlFor) || ((_a = ui.ReactUtils) == null ? undefined : _a.getChildId(children));
+  const childInputId = (fieldProps == null ? void 0 : fieldProps.htmlFor) || ((_a = ui.ReactUtils) == null ? void 0 : _a.getChildId(children));
   const labelEl = /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("label", { className: styles.label, htmlFor: childInputId }, label, optional && /* @__PURE__ */ React__default.default.createElement("span", { className: styles.optional }, " - optional"), tooltip && /* @__PURE__ */ React__default.default.createElement(ui.Tooltip, { placement: "top", content: tooltip, theme: "info", interactive: tooltipInteractive }, /* @__PURE__ */ React__default.default.createElement(ui.Icon, { tabIndex: 0, name: "info-circle", size: "sm", className: styles.icon }))), /* @__PURE__ */ React__default.default.createElement(ui.Space, { v: 0.5 }));
   return /* @__PURE__ */ React__default.default.createElement("div", { className: styles.root }, /* @__PURE__ */ React__default.default.createElement(ui.Field, { className: styles.field, label: labelEl, ...fieldProps }, children));
 };
@@ -5723,32 +5723,23 @@ const getSelectStyles = (theme) => ({
   })
 });
 
-const Space = (props) => {
-  const theme = ui.useTheme2();
-  const styles = getStyles$i(theme, props);
+const Space = ({ v = 0, h = 0, layout = "block" }) => {
+  const styles = ui.useStyles2(getStyles$i, v, h, layout);
   return /* @__PURE__ */ React__default.default.createElement("span", { className: css.cx(styles.wrapper) });
 };
-Space.defaultProps = {
-  v: 0,
-  h: 0,
-  layout: "block"
-};
-const getStyles$i = ui.stylesFactory((theme, props) => {
-  var _a, _b;
-  return {
-    wrapper: css.css([
-      {
-        paddingRight: theme.spacing((_a = props.h) != null ? _a : 0),
-        paddingBottom: theme.spacing((_b = props.v) != null ? _b : 0)
-      },
-      props.layout === "inline" && {
-        display: "inline-block"
-      },
-      props.layout === "block" && {
-        display: "block"
-      }
-    ])
-  };
+const getStyles$i = (theme, v, h, layout) => ({
+  wrapper: css.css([
+    {
+      paddingRight: theme.spacing(h != null ? h : 0),
+      paddingBottom: theme.spacing(v != null ? v : 0)
+    },
+    layout === "inline" && {
+      display: "inline-block"
+    },
+    layout === "block" && {
+      display: "block"
+    }
+  ])
 });
 
 function ConfirmModal({ isOpen, onCancel, onDiscard, onCopy }) {
@@ -5756,7 +5747,7 @@ function ConfirmModal({ isOpen, onCancel, onDiscard, onCopy }) {
   React.useEffect(() => {
     var _a;
     if (isOpen) {
-      (_a = buttonRef.current) == null ? undefined : _a.focus();
+      (_a = buttonRef.current) == null ? void 0 : _a.focus();
     }
   }, [isOpen]);
   return /* @__PURE__ */ React__default.default.createElement(
@@ -5802,7 +5793,7 @@ const DatasetSelector = ({
         onChange(state.value[0]);
       }
     } else {
-      if (state.value && state.value.find((v) => v.value === value) === undefined) {
+      if (state.value && state.value.find((v) => v.value === value) === void 0) {
         if (state.value.length > 0) {
           onChange(state.value[0]);
         }
@@ -5853,7 +5844,7 @@ const CatalogSelector = ({ db, inputId, value, onChange }) => {
     loadCatalogs();
   }, [db, loadCatalogs]);
   const handleChange = (selectable) => {
-    onChange((selectable == null ? undefined : selectable.value) || null);
+    onChange((selectable == null ? void 0 : selectable.value) || null);
   };
   const selectedValue = catalogs.find((catalog) => catalog.value === value) || null;
   return /* @__PURE__ */ React__default.default.createElement(
@@ -5917,7 +5908,7 @@ const RunQueryButton = ({
   onClick,
   dataTestId
 }) => {
-  let icon = queryInvalid ? "exclamation-triangle" : undefined;
+  let icon = queryInvalid ? "exclamation-triangle" : void 0;
   if (queryRunning) {
     icon = "fa fa-spinner";
   }
@@ -5980,35 +5971,35 @@ function QueryHeader({
     [editorMode, onChange, query]
   );
   const onFormatChange = (e) => {
-    const next = { ...query, format: e.value !== undefined ? e.value : QueryFormat.Table };
+    const next = { ...query, format: e.value !== void 0 ? e.value : QueryFormat.Table };
     onChange(next);
   };
   const onDatasetChange = (e) => {
-    const datasetValue = e.value || undefined;
+    const datasetValue = e.value || void 0;
     if (datasetValue === query.dataset) {
       return;
     }
     const next = {
       ...query,
       dataset: datasetValue,
-      table: undefined,
-      sql: undefined,
+      table: void 0,
+      sql: void 0,
       rawSql: ""
     };
     onChange(next);
   };
   const onCatalogChange = (catalog) => {
-    const catalogValue = catalog || undefined;
+    const catalogValue = catalog || void 0;
     if (catalogValue === query.catalog) {
       return;
     }
     const next = {
       ...query,
       catalog: catalogValue,
-      dataset: undefined,
+      dataset: void 0,
       // Reset dataset (which acts as schema when catalog is present)
-      table: undefined,
-      sql: undefined,
+      table: void 0,
+      sql: void 0,
       rawSql: ""
     };
     onChange(next);
@@ -6020,7 +6011,7 @@ function QueryHeader({
     const next = {
       ...query,
       table: e.value,
-      sql: undefined,
+      sql: void 0,
       rawSql: ""
     };
     onChange(next);
@@ -6103,7 +6094,7 @@ function QueryHeader({
     {
       db,
       inputId: `sql-catalog-${htmlId}`,
-      value: query.catalog === undefined ? null : query.catalog,
+      value: query.catalog === void 0 ? null : query.catalog,
       onChange: onCatalogChange
     }
   )), effectiveEnableDatasets && /* @__PURE__ */ React__default.default.createElement(
@@ -6118,10 +6109,10 @@ function QueryHeader({
         db,
         inputId: catalogsEnabled ? `sql-schema-${htmlId}` : `sql-dataset-${htmlId}`,
         "data-testid": catalogsEnabled ? "schema-selector" : "dataset-selector",
-        dataset: catalogsEnabled ? undefined : defaultDataset,
-        value: query.dataset === undefined ? null : query.dataset,
+        dataset: catalogsEnabled ? void 0 : defaultDataset,
+        value: query.dataset === void 0 ? null : query.dataset,
         onChange: onDatasetChange,
-        catalog: catalogsEnabled ? query.catalog : undefined
+        catalog: catalogsEnabled ? query.catalog : void 0
       }
     )
   ), /* @__PURE__ */ React__default.default.createElement(EditorField$1, { label: labels.get("table") || "Table", width: 25 }, /* @__PURE__ */ React__default.default.createElement(
@@ -6129,10 +6120,10 @@ function QueryHeader({
     {
       db,
       inputId: `sql-table-${htmlId}`,
-      dataset: query.dataset || (catalogsEnabled ? undefined : defaultDataset),
-      catalog: catalogsEnabled ? query.catalog : undefined,
+      dataset: query.dataset || (catalogsEnabled ? void 0 : defaultDataset),
+      catalog: catalogsEnabled ? query.catalog : void 0,
       query,
-      value: query.table === undefined ? null : query.table,
+      value: query.table === void 0 ? null : query.table,
       onChange: onTableChange,
       enableCatalogs: catalogsEnabled,
       applyDefault: true
@@ -6198,7 +6189,7 @@ function QueryValidator({ db, query, onValidate, range }) {
   const [state, validateQuery] = reactUse.useAsyncFn(
     async (q) => {
       var _a2;
-      if (((_a2 = q.rawSql) == null ? undefined : _a2.trim()) === "") {
+      if (((_a2 = q.rawSql) == null ? void 0 : _a2.trim()) === "") {
         return null;
       }
       return await db.validateQuery(q, range);
@@ -6217,17 +6208,17 @@ function QueryValidator({ db, query, onValidate, range }) {
     [query, validateQuery]
   );
   React.useEffect(() => {
-    if (validationResult == null ? undefined : validationResult.isError) {
+    if (validationResult == null ? void 0 : validationResult.isError) {
       onValidate(false);
     }
-    if (validationResult == null ? undefined : validationResult.isValid) {
+    if (validationResult == null ? void 0 : validationResult.isValid) {
       onValidate(true);
     }
   }, [validationResult, onValidate]);
   if (!state.value && !state.loading) {
     return null;
   }
-  const error = ((_a = state.value) == null ? undefined : _a.error) ? processErrorMessage(state.value.error) : "";
+  const error = ((_a = state.value) == null ? void 0 : _a.error) ? processErrorMessage(state.value.error) : "";
   return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, state.loading && /* @__PURE__ */ React__default.default.createElement("div", { className: styles.info }, /* @__PURE__ */ React__default.default.createElement(ui.Spinner, { inline: true, size: 12 }), " Validating query..."), !state.loading && state.value && /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, state.value.isValid && state.value.statistics && /* @__PURE__ */ React__default.default.createElement("div", { className: styles.valid }, /* @__PURE__ */ React__default.default.createElement(ui.Icon, { name: "check" }), " This query will process", " ", /* @__PURE__ */ React__default.default.createElement("strong", null, data.formattedValueToString(valueFormatter(state.value.statistics.TotalBytesProcessed))), " ", "when run.")), /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, state.value.isError && /* @__PURE__ */ React__default.default.createElement("div", { className: styles.error }, error))));
 }
 function processErrorMessage(error) {
@@ -6271,7 +6262,7 @@ function QueryToolbox({ showTools, onFormatCode, onExpand, isExpanded, ...valida
     };
   }, [theme]);
   let style = {};
-  if (!showTools && validationResult === undefined) {
+  if (!showTools && validationResult === void 0) {
     style = { height: 0, padding: 0, visibility: "hidden" };
   }
   return /* @__PURE__ */ React__default.default.createElement("div", { className: styles.container, style }, /* @__PURE__ */ React__default.default.createElement("div", null, validatorProps.onValidate && /* @__PURE__ */ React__default.default.createElement(
@@ -6308,7 +6299,7 @@ function RawEditor({ db, query, onChange, onRunQuery, onValidate, queryToValidat
         completionProvider,
         query,
         width,
-        height: height ? height - toolboxMeasure.height : undefined,
+        height: height ? height - toolboxMeasure.height : void 0,
         onChange
       },
       ({ formatQuery }) => {
@@ -6455,9 +6446,9 @@ function OrderByRow({ sql, onSqlChange, columns, showOffset }) {
   );
   const onOrderByChange = React.useCallback(
     (item) => {
-      const newSql = { ...sql, orderBy: setPropertyField(item == null ? undefined : item.value) };
+      const newSql = { ...sql, orderBy: setPropertyField(item == null ? void 0 : item.value) };
       if (item === null) {
-        newSql.orderByDirection = undefined;
+        newSql.orderByDirection = void 0;
       }
       onSqlChange(newSql);
     },
@@ -6468,7 +6459,7 @@ function OrderByRow({ sql, onSqlChange, columns, showOffset }) {
     {
       "aria-label": "Order by",
       options: columns,
-      value: ((_a = sql.orderBy) == null ? undefined : _a.property.name) ? data.toOption(sql.orderBy.property.name) : null,
+      value: ((_a = sql.orderBy) == null ? void 0 : _a.property.name) ? data.toOption(sql.orderBy.property.name) : null,
       isClearable: true,
       menuShouldPortal: true,
       onChange: onOrderByChange
@@ -6477,7 +6468,7 @@ function OrderByRow({ sql, onSqlChange, columns, showOffset }) {
     ui.RadioButtonGroup,
     {
       options: sortOrderOptions,
-      disabled: !((_b = sql == null ? undefined : sql.orderBy) == null ? undefined : _b.property.name),
+      disabled: !((_b = sql == null ? void 0 : sql.orderBy) == null ? void 0 : _b.property.name),
       value: sql.orderByDirection,
       onChange: onSortOrderChange
     }
@@ -6489,9 +6480,9 @@ function SQLOrderByRow({ fields, query, onQueryChange, db }) {
   const { onSqlChange } = useSqlChange({ query, onQueryChange, db });
   let columnsWithIndices = [];
   if (fields) {
-    const options = (_b = (_a = query.sql) == null ? undefined : _a.columns) == null ? undefined : _b.map((c, i) => {
+    const options = (_b = (_a = query.sql) == null ? void 0 : _a.columns) == null ? void 0 : _b.map((c, i) => {
       var _a2, _b2;
-      const value = c.name ? `${c.name}(${(_a2 = c.parameters) == null ? undefined : _a2.map((p) => p.name)})` : (_b2 = c.parameters) == null ? undefined : _b2.map((p) => p.name);
+      const value = c.name ? `${c.name}(${(_a2 = c.parameters) == null ? void 0 : _a2.map((p) => p.name)})` : (_b2 = c.parameters) == null ? void 0 : _b2.map((p) => p.name);
       return {
         value,
         label: `${i + 1} - ${value}`
@@ -6519,7 +6510,7 @@ function SelectRow({ sql, columns, onSqlChange, functions }) {
     (item, index) => (column) => {
       var _a2, _b;
       let modifiedItem = { ...item };
-      if (!((_a2 = item.parameters) == null ? undefined : _a2.length)) {
+      if (!((_a2 = item.parameters) == null ? void 0 : _a2.length)) {
         modifiedItem.parameters = [{ type: QueryEditorExpressionType.FunctionParameter, name: column.value }];
       } else {
         modifiedItem.parameters = item.parameters.map(
@@ -6528,7 +6519,7 @@ function SelectRow({ sql, columns, onSqlChange, functions }) {
       }
       const newSql = {
         ...sql,
-        columns: (_b = sql.columns) == null ? undefined : _b.map((c, i) => i === index ? modifiedItem : c)
+        columns: (_b = sql.columns) == null ? void 0 : _b.map((c, i) => i === index ? modifiedItem : c)
       };
       onSqlChange(newSql);
     },
@@ -6539,11 +6530,11 @@ function SelectRow({ sql, columns, onSqlChange, functions }) {
       var _a2;
       const newItem = {
         ...item,
-        name: aggregation == null ? undefined : aggregation.value
+        name: aggregation == null ? void 0 : aggregation.value
       };
       const newSql = {
         ...sql,
-        columns: (_a2 = sql.columns) == null ? undefined : _a2.map((c, i) => i === index ? newItem : c)
+        columns: (_a2 = sql.columns) == null ? void 0 : _a2.map((c, i) => i === index ? newItem : c)
       };
       onSqlChange(newSql);
     },
@@ -6565,7 +6556,7 @@ function SelectRow({ sql, columns, onSqlChange, functions }) {
     const newSql = { ...sql, columns: [...sql.columns, createFunctionField()] };
     onSqlChange(newSql);
   }, [onSqlChange, sql]);
-  return /* @__PURE__ */ React__default.default.createElement(EditorStack, { gap: 2, alignItems: "end", direction: "column" }, (_a = sql.columns) == null ? undefined : _a.map((item, index) => /* @__PURE__ */ React__default.default.createElement("div", { key: index }, /* @__PURE__ */ React__default.default.createElement(EditorStack, { gap: 2, alignItems: "end" }, /* @__PURE__ */ React__default.default.createElement(EditorField$1, { label: "Column", width: 25 }, /* @__PURE__ */ React__default.default.createElement(
+  return /* @__PURE__ */ React__default.default.createElement(EditorStack, { gap: 2, alignItems: "end", direction: "column" }, (_a = sql.columns) == null ? void 0 : _a.map((item, index) => /* @__PURE__ */ React__default.default.createElement("div", { key: index }, /* @__PURE__ */ React__default.default.createElement(EditorStack, { gap: 2, alignItems: "end" }, /* @__PURE__ */ React__default.default.createElement(EditorField$1, { label: "Column", width: 25 }, /* @__PURE__ */ React__default.default.createElement(
     ui.Select,
     {
       value: getColumnValue(item),
@@ -6613,8 +6604,8 @@ const getStyles$f = () => {
   return { addButton: css.css({ alignSelf: "flex-start" }) };
 };
 function getColumnValue({ parameters }) {
-  const column = parameters == null ? undefined : parameters.find((p) => p.type === QueryEditorExpressionType.FunctionParameter);
-  if (column == null ? undefined : column.name) {
+  const column = parameters == null ? void 0 : parameters.find((p) => p.type === QueryEditorExpressionType.FunctionParameter);
+  if (column == null ? void 0 : column.name) {
     return data.toOption(column.name);
   }
   return null;
@@ -6635,7 +6626,6 @@ const buttonLabels = {
 };
 ({
   id: ui$1.Utils.uuid(),
-  type: "group",
   children1: [
     {
       id: ui$1.Utils.uuid(),
@@ -6673,9 +6663,9 @@ const widgets = {
       return /* @__PURE__ */ React__default.default.createElement(
         ui.Input,
         {
-          value: (props == null ? undefined : props.value) || "",
-          placeholder: props == null ? undefined : props.placeholder,
-          onChange: (e) => props == null ? undefined : props.setValue(e.currentTarget.value)
+          value: (props == null ? void 0 : props.value) || "",
+          placeholder: props == null ? void 0 : props.placeholder,
+          onChange: (e) => props == null ? void 0 : props.setValue(e.currentTarget.value)
         }
       );
     }
@@ -6686,10 +6676,10 @@ const widgets = {
       return /* @__PURE__ */ React__default.default.createElement(
         ui.Input,
         {
-          value: props == null ? undefined : props.value,
-          placeholder: props == null ? undefined : props.placeholder,
+          value: props == null ? void 0 : props.value,
+          placeholder: props == null ? void 0 : props.placeholder,
           type: "number",
-          onChange: (e) => props == null ? undefined : props.setValue(Number.parseInt(e.currentTarget.value, 10))
+          onChange: (e) => props == null ? void 0 : props.setValue(Number.parseInt(e.currentTarget.value, 10))
         }
       );
     }
@@ -6701,9 +6691,9 @@ const widgets = {
         ui.DateTimePicker,
         {
           onChange: (e) => {
-            props == null ? undefined : props.setValue(e == null ? undefined : e.format(ui$1.BasicConfig.widgets.datetime.valueFormat));
+            props == null ? void 0 : props.setValue(e == null ? void 0 : e.format(ui$1.BasicConfig.widgets.datetime.valueFormat));
           },
-          date: data.dateTime(props == null ? undefined : props.value).utc()
+          date: data.dateTime(props == null ? void 0 : props.value).utc()
         }
       );
     }
@@ -6721,37 +6711,37 @@ const settings = {
     return /* @__PURE__ */ React__default.default.createElement(
       ui.Select,
       {
-        id: conjProps == null ? undefined : conjProps.id,
+        id: conjProps == null ? void 0 : conjProps.id,
         "aria-label": "Conjunction",
         menuShouldPortal: true,
-        options: (conjProps == null ? undefined : conjProps.conjunctionOptions) ? Object.keys(conjProps == null ? undefined : conjProps.conjunctionOptions).map(data.toOption) : undefined,
-        value: conjProps == null ? undefined : conjProps.selectedConjunction,
-        onChange: (val) => conjProps == null ? undefined : conjProps.setConjunction(val.value)
+        options: (conjProps == null ? void 0 : conjProps.conjunctionOptions) ? Object.keys(conjProps == null ? void 0 : conjProps.conjunctionOptions).map(data.toOption) : void 0,
+        value: conjProps == null ? void 0 : conjProps.selectedConjunction,
+        onChange: (val) => conjProps == null ? void 0 : conjProps.setConjunction(val.value)
       }
     );
   },
   renderField: function Field(fieldProps) {
     var _a;
-    const fields = ((_a = fieldProps == null ? undefined : fieldProps.config) == null ? undefined : _a.fields) || {};
+    const fields = ((_a = fieldProps == null ? void 0 : fieldProps.config) == null ? void 0 : _a.fields) || {};
     return /* @__PURE__ */ React__default.default.createElement(
       ui.Select,
       {
-        id: fieldProps == null ? undefined : fieldProps.id,
+        id: fieldProps == null ? void 0 : fieldProps.id,
         width: 25,
         "aria-label": "Field",
         menuShouldPortal: true,
-        options: fieldProps == null ? undefined : fieldProps.items.map((f) => {
+        options: fieldProps == null ? void 0 : fieldProps.items.map((f) => {
           var _a2, _b;
-          const icon = (_b = (_a2 = fields[f.key].mainWidgetProps) == null ? undefined : _a2.customProps) == null ? undefined : _b.icon;
+          const icon = (_b = (_a2 = fields[f.key].mainWidgetProps) == null ? void 0 : _a2.customProps) == null ? void 0 : _b.icon;
           return {
             label: f.label,
             value: f.key,
             icon
           };
         }),
-        value: fieldProps == null ? undefined : fieldProps.selectedKey,
+        value: fieldProps == null ? void 0 : fieldProps.selectedKey,
         onChange: (val) => {
-          fieldProps == null ? undefined : fieldProps.setField(val.label);
+          fieldProps == null ? void 0 : fieldProps.setField(val.label);
         }
       }
     );
@@ -6761,11 +6751,11 @@ const settings = {
       ui.Button,
       {
         type: "button",
-        title: `${buttonProps == null ? undefined : buttonProps.label} filter`,
-        onClick: buttonProps == null ? undefined : buttonProps.onClick,
+        title: `${buttonProps == null ? void 0 : buttonProps.label} filter`,
+        onClick: buttonProps == null ? void 0 : buttonProps.onClick,
         variant: "secondary",
         size: "md",
-        icon: (buttonProps == null ? undefined : buttonProps.label) === buttonLabels.add ? "plus" : "times"
+        icon: (buttonProps == null ? void 0 : buttonProps.label) === buttonLabels.add ? "plus" : "times"
       }
     );
   },
@@ -6773,12 +6763,12 @@ const settings = {
     return /* @__PURE__ */ React__default.default.createElement(
       ui.Select,
       {
-        options: operatorProps == null ? undefined : operatorProps.items.map((op) => ({ label: op.label, value: op.key })),
+        options: operatorProps == null ? void 0 : operatorProps.items.map((op) => ({ label: op.label, value: op.key })),
         "aria-label": "Operator",
         menuShouldPortal: true,
-        value: operatorProps == null ? undefined : operatorProps.selectedKey,
+        value: operatorProps == null ? void 0 : operatorProps.selectedKey,
         onChange: (val) => {
-          operatorProps == null ? undefined : operatorProps.setField(val.value || "");
+          operatorProps == null ? void 0 : operatorProps.setField(val.value || "");
         }
       }
     );
@@ -6974,7 +6964,7 @@ const EditorField = (props) => {
   const { label, optional, tooltip, children, width, ...fieldProps } = props;
   const theme = ui.useTheme2();
   const styles = getStyles$d(theme, width);
-  const childInputId = (fieldProps == null ? undefined : fieldProps.htmlFor) || ((_a = ui.ReactUtils) == null ? undefined : _a.getChildId(children));
+  const childInputId = (fieldProps == null ? void 0 : fieldProps.htmlFor) || ((_a = ui.ReactUtils) == null ? void 0 : _a.getChildId(children));
   const labelEl = /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("label", { className: styles.label, htmlFor: childInputId }, label, optional && /* @__PURE__ */ React__default.default.createElement("span", { className: styles.optional }, " - optional"), tooltip && /* @__PURE__ */ React__default.default.createElement(ui.Tooltip, { placement: "top", content: tooltip, theme: "info" }, /* @__PURE__ */ React__default.default.createElement(ui.Icon, { name: "info-circle", size: "sm", className: styles.icon }))), /* @__PURE__ */ React__default.default.createElement(Space, { v: 0.5 }));
   return /* @__PURE__ */ React__default.default.createElement("div", { className: styles.root }, /* @__PURE__ */ React__default.default.createElement(ui.Field, { className: styles.field, label: labelEl, ...fieldProps }, children));
 };
@@ -7117,7 +7107,7 @@ class SqlDatasource extends runtime.DataSourceWithBackend {
     return this.getResponseParser().transformMetricFindResponse(response);
   }
   async runSql(query, options) {
-    const frame = await this.runMetaQuery({ rawSql: query, format: QueryFormat.Table, refId: options == null ? undefined : options.refId }, options);
+    const frame = await this.runMetaQuery({ rawSql: query, format: QueryFormat.Table, refId: options == null ? void 0 : options.refId }, options);
     return new data.DataFrameView(frame);
   }
   runMetaQuery(request, options) {
@@ -7129,8 +7119,8 @@ class SqlDatasource extends runtime.DataSourceWithBackend {
         url: "/api/ds/query",
         method: "POST",
         data: {
-          from: (_a = options == null ? undefined : options.range) == null ? undefined : _a.from.valueOf().toString(),
-          to: (_b = options == null ? undefined : options.range) == null ? undefined : _b.to.valueOf().toString(),
+          from: (_a = options == null ? void 0 : options.range) == null ? void 0 : _a.from.valueOf().toString(),
+          to: (_b = options == null ? void 0 : options.range) == null ? void 0 : _b.to.valueOf().toString(),
           queries
         },
         requestId: refId
@@ -7173,7 +7163,7 @@ class SqlDatasource extends runtime.DataSourceWithBackend {
   targetContainsTemplate(target) {
     let queryWithoutMacros = target.rawSql;
     MACRO_NAMES.forEach((value) => {
-      queryWithoutMacros = (queryWithoutMacros == null ? undefined : queryWithoutMacros.replace(value, "")) || "";
+      queryWithoutMacros = (queryWithoutMacros == null ? void 0 : queryWithoutMacros.replace(value, "")) || "";
     });
     return this.templateSrv.containsTemplate(queryWithoutMacros);
   }
@@ -7203,22 +7193,22 @@ function SqlQueryEditor({ datasource, query, onChange, onRunQuery, range }) {
   const defaultDataset = datasource.dataset;
   const { loading, error } = reactUse.useAsync(async () => {
     return () => {
-      if (datasource.getDB(datasource.id).init !== undefined) {
+      if (datasource.getDB(datasource.id).init !== void 0) {
         datasource.getDB(datasource.id).init();
       }
     };
   }, [datasource]);
   const queryWithDefaults = applyQueryDefaults(query);
   const [queryRowFilter, setQueryRowFilter] = React.useState({
-    filter: !!((_a = queryWithDefaults.sql) == null ? undefined : _a.whereString),
-    group: !!((_d = (_c = (_b = queryWithDefaults.sql) == null ? undefined : _b.groupBy) == null ? undefined : _c[0]) == null ? undefined : _d.property.name),
-    order: !!((_f = (_e = queryWithDefaults.sql) == null ? undefined : _e.orderBy) == null ? undefined : _f.property.name),
+    filter: !!((_a = queryWithDefaults.sql) == null ? void 0 : _a.whereString),
+    group: !!((_d = (_c = (_b = queryWithDefaults.sql) == null ? void 0 : _b.groupBy) == null ? void 0 : _c[0]) == null ? void 0 : _d.property.name),
+    order: !!((_f = (_e = queryWithDefaults.sql) == null ? void 0 : _e.orderBy) == null ? void 0 : _f.property.name),
     preview: true
   });
   const [queryToValidate, setQueryToValidate] = React.useState(queryWithDefaults);
   React.useEffect(() => {
     return () => {
-      if (datasource.getDB(datasource.id).dispose !== undefined) {
+      if (datasource.getDB(datasource.id).dispose !== void 0) {
         datasource.getDB(datasource.id).dispose();
       }
     };
@@ -7235,7 +7225,7 @@ function SqlQueryEditor({ datasource, query, onChange, onRunQuery, range }) {
     var _a2, _b2;
     setQueryToValidate(q);
     onChange(q);
-    if (haveColumns((_a2 = q.sql) == null ? undefined : _a2.columns) && ((_b2 = q.sql) == null ? undefined : _b2.columns.some((c) => c.name)) && !queryRowFilter.group) {
+    if (haveColumns((_a2 = q.sql) == null ? void 0 : _a2.columns) && ((_b2 = q.sql) == null ? void 0 : _b2.columns.some((c) => c.name)) && !queryRowFilter.group) {
       setQueryRowFilter({ ...queryRowFilter, group: true });
     }
     if (process) {
@@ -7265,7 +7255,7 @@ function SqlQueryEditor({ datasource, query, onChange, onRunQuery, range }) {
       queryRowFilter,
       query: queryWithDefaults,
       isQueryRunnable,
-      labels: (_g = datasource.getDB(datasource.id)) == null ? undefined : _g.labels
+      labels: (_g = datasource.getDB(datasource.id)) == null ? void 0 : _g.labels
     }
   ), /* @__PURE__ */ React__default.default.createElement(Space, { v: 0.5 }), queryWithDefaults.editorMode !== EditorMode.Code && /* @__PURE__ */ React__default.default.createElement(
     VisualEditor,
@@ -7585,7 +7575,7 @@ const AuthMethodSettings = ({
         AuthMethod.BasicAuth,
         AuthMethod.OAuthForward,
         AuthMethod.NoAuth,
-        ...(_a2 = customMethods == null ? undefined : customMethods.map((m) => m.id)) != null ? _a2 : []
+        ...(_a2 = customMethods == null ? void 0 : customMethods.map((m) => m.id)) != null ? _a2 : []
       ];
     },
     [customMethods, visibleMethodsFromProps]
@@ -7593,7 +7583,7 @@ const AuthMethodSettings = ({
   const hasSelect = visibleMethods.length > 1;
   const preparedOptions = React.useMemo(() => {
     var _a2;
-    const customOptions = (_a2 = customMethods == null ? undefined : customMethods.reduce((acc, method) => {
+    const customOptions = (_a2 = customMethods == null ? void 0 : customMethods.reduce((acc, method) => {
       acc[method.id] = {
         label: method.label,
         value: method.id,
@@ -7606,7 +7596,7 @@ const AuthMethodSettings = ({
     for (k in defaultOptions) {
       preparedDefaultOptions[k] = {
         ...defaultOptions[k],
-        ...defaultOptionsOverrides == null ? undefined : defaultOptionsOverrides[k]
+        ...defaultOptionsOverrides == null ? void 0 : defaultOptionsOverrides[k]
       };
     }
     const allOptions = {
@@ -7634,7 +7624,7 @@ const AuthMethodSettings = ({
   if (selected === AuthMethod.BasicAuth && basicAuth) {
     AuthFieldsComponent = /* @__PURE__ */ React__default.default.createElement(BasicAuth, { ...basicAuth, readOnly });
   } else if (selected.startsWith("custom-")) {
-    AuthFieldsComponent = (_b = (_a = customMethods == null ? undefined : customMethods.find((m) => m.id === selected)) == null ? undefined : _a.component) != null ? _b : null;
+    AuthFieldsComponent = (_b = (_a = customMethods == null ? void 0 : customMethods.find((m) => m.id === selected)) == null ? void 0 : _a.component) != null ? _b : null;
   }
   const title = hasSelect ? "Authentication methods" : (_c = preparedOptions[0].label) != null ? _c : "";
   const description = hasSelect ? "Choose an authentication method to access the data source" : (_d = preparedOptions[0].description) != null ? _d : "";
@@ -7719,7 +7709,7 @@ const SelfSignedCertificate = ({
       {
         label: "CA Certificate",
         labelWidth: 24,
-        tooltip: (_a = tooltips == null ? undefined : tooltips.certificateLabel) != null ? _a : "Your self-signed certificate",
+        tooltip: (_a = tooltips == null ? void 0 : tooltips.certificateLabel) != null ? _a : "Your self-signed certificate",
         required: true,
         htmlFor: "self-signed-certificate-input",
         interactive: true,
@@ -7774,7 +7764,7 @@ const TLSClientAuth = ({
       {
         label: "ServerName",
         labelWidth: 24,
-        tooltip: (_a = tooltips == null ? undefined : tooltips.serverNameLabel) != null ? _a : "A Servername is used to verify the hostname on the returned certificate",
+        tooltip: (_a = tooltips == null ? void 0 : tooltips.serverNameLabel) != null ? _a : "A Servername is used to verify the hostname on the returned certificate",
         required: true,
         htmlFor: "client-auth-servername-input",
         interactive: true,
@@ -7798,7 +7788,7 @@ const TLSClientAuth = ({
       {
         label: "Client Certificate",
         labelWidth: 24,
-        tooltip: (_b = tooltips == null ? undefined : tooltips.certificateLabel) != null ? _b : "The client certificate can be generated from a Certificate Authority or be self-signed",
+        tooltip: (_b = tooltips == null ? void 0 : tooltips.certificateLabel) != null ? _b : "The client certificate can be generated from a Certificate Authority or be self-signed",
         required: true,
         htmlFor: "client-auth-client-certificate-input",
         interactive: true,
@@ -7825,7 +7815,7 @@ const TLSClientAuth = ({
       {
         label: "Client Key",
         labelWidth: 24,
-        tooltip: (_c = tooltips == null ? undefined : tooltips.keyLabel) != null ? _c : "The client key can be generated from a Certificate Authority or be self-signed",
+        tooltip: (_c = tooltips == null ? void 0 : tooltips.keyLabel) != null ? _c : "The client key can be generated from a Certificate Authority or be self-signed",
         required: true,
         htmlFor: "client-auth-client-key-input",
         interactive: true,
@@ -7981,7 +7971,7 @@ const CustomHeaders = ({ headers: headersFromProps, onChange, readOnly }) => {
       let changed = false;
       const newHeaders = headers2.map((header) => {
         var _a;
-        const configured = (_a = headersFromProps.find((h) => h.name === header.name)) == null ? undefined : _a.configured;
+        const configured = (_a = headersFromProps.find((h) => h.name === header.name)) == null ? void 0 : _a.configured;
         if (typeof configured !== "undefined" && header.configured !== configured) {
           changed = true;
           return { ...header, configured };
@@ -8159,7 +8149,7 @@ function getTLSProps(config, onChange) {
   return {
     selfSignedCertificate: {
       enabled: Boolean(config.jsonData.tlsAuthWithCACert),
-      certificateConfigured: !!((_a = config.secureJsonFields) == null ? undefined : _a.tlsCACert),
+      certificateConfigured: !!((_a = config.secureJsonFields) == null ? void 0 : _a.tlsCACert),
       onToggle: (enabled) => enabled ? onChange({
         ...config,
         jsonData: { ...config.jsonData, tlsAuthWithCACert: enabled }
@@ -8182,8 +8172,8 @@ function getTLSProps(config, onChange) {
     TLSClientAuth: {
       enabled: config.jsonData.tlsAuth,
       serverName: config.jsonData.serverName,
-      clientCertificateConfigured: !!((_b = config.secureJsonFields) == null ? undefined : _b.tlsClientCert),
-      clientKeyConfigured: !!((_c = config.secureJsonFields) == null ? undefined : _c.tlsClientKey),
+      clientCertificateConfigured: !!((_b = config.secureJsonFields) == null ? void 0 : _b.tlsClientCert),
+      clientKeyConfigured: !!((_c = config.secureJsonFields) == null ? void 0 : _c.tlsClientKey),
       onToggle: (enabled) => enabled ? onChange({
         ...config,
         jsonData: { ...config.jsonData, tlsAuth: enabled }
@@ -8291,7 +8281,7 @@ const ConnectionSettings = ({
   urlLabel,
   className
 }) => {
-  const isValidUrl = config.url !== undefined && /^(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?$/.test(config.url);
+  const isValidUrl = config.url !== void 0 && /^(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?$/.test(config.url);
   const styles = {
     container: css.css({
       maxWidth: 578
@@ -8538,7 +8528,7 @@ class CustomHeadersSettings extends React.PureComponent {
         return {
           id: lodash.uniqueId(),
           name: jsonData[key],
-          value: secureJsonData !== undefined ? secureJsonData[key] : "",
+          value: secureJsonData !== void 0 ? secureJsonData[key] : "",
           configured: secureJsonFields && secureJsonFields[`httpHeaderValue${index + 1}`] || false
         };
       })
@@ -8609,8 +8599,8 @@ class QueryModellerBase {
   hasBinaryOp(query) {
     return query.operations.find((op) => {
       const def = this.getOperationDefinition(op.id);
-      return (def == null ? undefined : def.category) === BINARY_OPERATIONS_KEY;
-    }) !== undefined;
+      return (def == null ? void 0 : def.category) === BINARY_OPERATIONS_KEY;
+    }) !== void 0;
   }
 }
 
@@ -8633,7 +8623,7 @@ function LabelFilterItem({
   const [labelValuesMenuOpen, setLabelValuesMenuOpen] = React.useState(false);
   const isMultiSelect = (operator = item.op) => {
     var _a2;
-    return (_a2 = operators.find((op) => op.label === operator)) == null ? undefined : _a2.isMultiValue;
+    return (_a2 = operators.find((op) => op.label === operator)) == null ? void 0 : _a2.isMultiValue;
   };
   const getSelectOptionsFromString = (item2) => {
     if (item2) {
@@ -8646,12 +8636,12 @@ function LabelFilterItem({
   };
   const getOptions = () => {
     const labelValues = state.labelValues ? [...state.labelValues] : [];
-    const selectedOptions = getSelectOptionsFromString(item == null ? undefined : item.value).map(data.toOption);
+    const selectedOptions = getSelectOptionsFromString(item == null ? void 0 : item.value).map(data.toOption);
     return lodash.uniqBy([...selectedOptions, ...labelValues], "value");
   };
   const isConflicting = isConflictingLabelFilter(item, items);
   const { current: id } = React.useRef(uuid.v4());
-  return /* @__PURE__ */ React__default.default.createElement("div", { "data-testid": "visual-query-builder-dimensions-filter-item" }, /* @__PURE__ */ React__default.default.createElement(ui.InlineField, { error: CONFLICTING_LABEL_FILTER_ERROR_MESSAGE, invalid: isConflicting ? true : undefined }, /* @__PURE__ */ React__default.default.createElement(InputGroup, null, /* @__PURE__ */ React__default.default.createElement(
+  return /* @__PURE__ */ React__default.default.createElement("div", { "data-testid": "visual-query-builder-dimensions-filter-item" }, /* @__PURE__ */ React__default.default.createElement(ui.InlineField, { error: CONFLICTING_LABEL_FILTER_ERROR_MESSAGE, invalid: isConflicting ? true : void 0 }, /* @__PURE__ */ React__default.default.createElement(InputGroup, null, /* @__PURE__ */ React__default.default.createElement(
     ui.Select,
     {
       placeholder: "Select label",
@@ -8664,7 +8654,7 @@ function LabelFilterItem({
         setState({ isLoadingLabelNames: true });
         const labelNames = await onGetLabelNames(item);
         setLabelNamesMenuOpen(true);
-        setState({ labelNames, isLoadingLabelNames: undefined });
+        setState({ labelNames, isLoadingLabelNames: void 0 });
       },
       onCloseMenu: () => {
         setLabelNamesMenuOpen(false);
@@ -8696,7 +8686,7 @@ function LabelFilterItem({
           onChange({
             ...item,
             op: change.value,
-            value: isMultiSelect(change.value) ? item.value : getSelectOptionsFromString(item == null ? undefined : item.value)[0]
+            value: isMultiSelect(change.value) ? item.value : getSelectOptionsFromString(item == null ? void 0 : item.value)[0]
           });
         }
       },
@@ -8709,7 +8699,7 @@ function LabelFilterItem({
       "data-testid": e2eSelectors.selectors.components.QueryBuilder.valueSelect,
       inputId: `visual-query-builder-dimensions-filter-item-value-${id}`,
       width: "auto",
-      value: isMultiSelect() ? getSelectOptionsFromString(item == null ? undefined : item.value).map(data.toOption) : getSelectOptionsFromString(item == null ? undefined : item.value).map(data.toOption)[0],
+      value: isMultiSelect() ? getSelectOptionsFromString(item == null ? void 0 : item.value).map(data.toOption) : getSelectOptionsFromString(item == null ? void 0 : item.value).map(data.toOption)[0],
       allowCustomValue: true,
       onOpenMenu: async () => {
         setState({ isLoadingLabelValues: true });
@@ -8717,7 +8707,7 @@ function LabelFilterItem({
         setState({
           ...state,
           labelValues,
-          isLoadingLabelValues: undefined
+          isLoadingLabelValues: void 0
         });
         setLabelValuesMenuOpen(true);
       },
@@ -8741,9 +8731,9 @@ function LabelFilterItem({
             if (change2.value) {
               return change2.value;
             } else {
-              return undefined;
+              return void 0;
             }
-          }).filter((val) => val !== undefined).join(multiValueSeparator);
+          }).filter((val) => val !== void 0).join(multiValueSeparator);
           onChange({ ...item, value: changes, op: (_b = item.op) != null ? _b : defaultOp });
         }
       },
@@ -8770,10 +8760,10 @@ function isConflictingLabelFilter(newLabel, labels) {
   );
   const conflict = candidates.some((candidate) => {
     var _a, _b;
-    if (operationIsNegative && ((_a = candidate == null ? undefined : candidate.op) == null ? undefined : _a.toString().startsWith("!")) === false) {
+    if (operationIsNegative && ((_a = candidate == null ? void 0 : candidate.op) == null ? void 0 : _a.toString().startsWith("!")) === false) {
       return true;
     }
-    if (operationIsNegative === false && ((_b = candidate == null ? undefined : candidate.op) == null ? undefined : _b.toString().startsWith("!"))) {
+    if (operationIsNegative === false && ((_b = candidate == null ? void 0 : candidate.op) == null ? void 0 : _b.toString().startsWith("!"))) {
       return true;
     }
     return false;
@@ -8802,7 +8792,7 @@ function LabelFilters({
   const onLabelsChange = (newItems) => {
     setItems(newItems);
     const newLabels = newItems.filter(
-      (item) => item.label !== undefined && item.value !== undefined
+      (item) => item.label !== void 0 && item.value !== void 0
     );
     if (!lodash.isEqual(newLabels, labelsFilters)) {
       onChange(newLabels);
@@ -8843,7 +8833,7 @@ function LabelFilters({
 
 function OperationExplainedBox({ title, stepNumber, markdown, children }) {
   const styles = ui.useStyles2(getStyles$b);
-  return /* @__PURE__ */ React__default.default.createElement("div", { className: styles.box }, stepNumber !== undefined && /* @__PURE__ */ React__default.default.createElement("div", { className: styles.stepNumber }, stepNumber), /* @__PURE__ */ React__default.default.createElement("div", { className: styles.boxInner }, title && /* @__PURE__ */ React__default.default.createElement("div", { className: styles.header }, /* @__PURE__ */ React__default.default.createElement("span", null, title)), /* @__PURE__ */ React__default.default.createElement("div", { className: styles.body }, markdown && /* @__PURE__ */ React__default.default.createElement("div", { dangerouslySetInnerHTML: { __html: data.renderMarkdown(markdown) } }), children)));
+  return /* @__PURE__ */ React__default.default.createElement("div", { className: styles.box }, stepNumber !== void 0 && /* @__PURE__ */ React__default.default.createElement("div", { className: styles.stepNumber }, stepNumber), /* @__PURE__ */ React__default.default.createElement("div", { className: styles.boxInner }, title && /* @__PURE__ */ React__default.default.createElement("div", { className: styles.header }, /* @__PURE__ */ React__default.default.createElement("span", null, title)), /* @__PURE__ */ React__default.default.createElement("div", { className: styles.body }, markdown && /* @__PURE__ */ React__default.default.createElement("div", { dangerouslySetInnerHTML: { __html: data.renderMarkdown(markdown) } }), children)));
 }
 const getStyles$b = (theme) => {
   return {
@@ -9086,7 +9076,7 @@ function SimpleInputParamEditor(props) {
     ui.AutoSizeInput,
     {
       id: getOperationParamId(props.operationId, props.index),
-      defaultValue: (_a = props.value) == null ? undefined : _a.toString(),
+      defaultValue: (_a = props.value) == null ? void 0 : _a.toString(),
       minWidth: props.paramDef.minWidth,
       placeholder: props.paramDef.placeholder,
       title: props.paramDef.description,
@@ -9120,7 +9110,7 @@ function SelectInputParamEditor({
   var _a, _b;
   const styles = ui.useStyles2(getStyles$8);
   let selectOptions = paramDef.options;
-  if (!((_a = selectOptions[0]) == null ? undefined : _a.label)) {
+  if (!((_a = selectOptions[0]) == null ? void 0 : _a.label)) {
     selectOptions = paramDef.options.map((option) => ({
       label: option.toString(),
       value: option
@@ -9425,9 +9415,9 @@ function OperationEditor({
   }
   const isInvalid = (isDragging) => {
     if (isDragging) {
-      return undefined;
+      return void 0;
     }
-    return isConflicting ? true : undefined;
+    return isConflicting ? true : void 0;
   };
   return /* @__PURE__ */ React__default.default.createElement(dnd.Draggable, { draggableId: `operation-${index}`, index }, (provided, snapshot) => /* @__PURE__ */ React__default.default.createElement(
     ui.InlineField,
@@ -9581,7 +9571,7 @@ function useOperationsHighlight(operations) {
   } else {
     newOps = operations.map((op, index) => {
       var _a;
-      return !isSameOp(op.id, (_a = prevOperations[index]) == null ? undefined : _a.id);
+      return !isSameOp(op.id, (_a = prevOperations[index]) == null ? void 0 : _a.id);
     });
   }
   return newOps;
@@ -9653,8 +9643,8 @@ function OperationListExplained({
       "div",
       {
         key: index,
-        onMouseEnter: () => onMouseEnter == null ? undefined : onMouseEnter(op, index),
-        onMouseLeave: () => onMouseLeave == null ? undefined : onMouseLeave(op, index)
+        onMouseEnter: () => onMouseEnter == null ? void 0 : onMouseEnter(op, index),
+        onMouseLeave: () => onMouseLeave == null ? void 0 : onMouseLeave(op, index)
       },
       /* @__PURE__ */ React__default.default.createElement(
         OperationExplainedBox,
@@ -9696,15 +9686,15 @@ const QueryBuilderHints = ({
   const hints = React.useMemo(() => {
     var _a;
     const dataQuery = buildDataQueryFromQueryString(queryModeller.renderQuery(visualQuery));
-    const hints2 = (_a = datasource.getQueryHints) == null ? undefined : _a.call(datasource, dataQuery, (data == null ? undefined : data.series) || []).filter((hint) => {
+    const hints2 = (_a = datasource.getQueryHints) == null ? void 0 : _a.call(datasource, dataQuery, (data == null ? void 0 : data.series) || []).filter((hint) => {
       var _a2;
-      return (_a2 = hint.fix) == null ? undefined : _a2.action;
+      return (_a2 = hint.fix) == null ? void 0 : _a2.action;
     });
     return hints2 != null ? hints2 : [];
   }, [datasource, visualQuery, data, queryModeller, buildDataQueryFromQueryString]);
   return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, hints.length > 0 && /* @__PURE__ */ React__default.default.createElement("div", { className: styles.container }, hints.map((hint) => {
     var _a, _b, _c, _d;
-    return /* @__PURE__ */ React__default.default.createElement(ui.Tooltip, { content: `${hint.label} ${(_a = hint.fix) == null ? undefined : _a.label}`, key: hint.type }, /* @__PURE__ */ React__default.default.createElement(
+    return /* @__PURE__ */ React__default.default.createElement(ui.Tooltip, { content: `${hint.label} ${(_a = hint.fix) == null ? void 0 : _a.label}`, key: hint.type }, /* @__PURE__ */ React__default.default.createElement(
       ui.Button,
       {
         onClick: () => {
@@ -9713,9 +9703,9 @@ const QueryBuilderHints = ({
             hint: hint.type,
             datasourceType: datasource.type
           });
-          if ((_a2 = hint == null ? undefined : hint.fix) == null ? undefined : _a2.action) {
+          if ((_a2 = hint == null ? void 0 : hint.fix) == null ? void 0 : _a2.action) {
             const dataQuery = buildDataQueryFromQueryString(queryModeller.renderQuery(visualQuery));
-            const newQuery = (_b2 = datasource.modifyQuery) == null ? undefined : _b2.call(datasource, dataQuery, hint.fix.action);
+            const newQuery = (_b2 = datasource.modifyQuery) == null ? void 0 : _b2.call(datasource, dataQuery, hint.fix.action);
             if (newQuery) {
               const newVisualQuery = buildVisualQueryFromString(
                 (_c2 = buildQueryStringFromDataQuery(newQuery)) != null ? _c2 : ""
@@ -9729,7 +9719,7 @@ const QueryBuilderHints = ({
         className: styles.hint
       },
       "hint: ",
-      ((_b = hint.fix) == null ? undefined : _b.title) || ((_d = (_c = hint.fix) == null ? undefined : _c.action) == null ? undefined : _d.type.toLowerCase().replace("_", " "))
+      ((_b = hint.fix) == null ? void 0 : _b.title) || ((_d = (_c = hint.fix) == null ? void 0 : _c.action) == null ? void 0 : _d.type.toLowerCase().replace("_", " "))
     ));
   })));
 };