@grafana/sql 0.0.0 → 13.0.0-23483592685

package/dist/cjs/locales/zh-Hant/grafana-sql.json.cjs

@@ -0,0 +1,165 @@
+'use strict';
+
+var grafanaSql = {
+	"grafana-sql": {
+	components: {
+		"confirm-modal": {
+			"builder-mode": "編輯模式不會顯示在程式碼中的變更。查詢編輯器將顯示您在編輯器模式下所做的最後變更。",
+			cancel: "取消",
+			clipboard: "要將程式碼複製到剪貼簿嗎？",
+			"copy-code-and-switch": "複製程式碼並切換",
+			"discard-code-and-switch": "捨棄程式碼並切換",
+			warning: "警告"
+		},
+		"connection-limits": {
+			"auto-max-idle": "自動最大閒置時間",
+			"content-auto-max-idle": "",
+			"content-max-idle": "閒置連線池中的最大連線數。若<i>最大開啟連線數</i>大於 0，但小於<i>最大閒置連線數</i>，則<i>最大閒置連線數</i>將會縮減，以符合<i>最大開啟連線數</i>限制。若設定為 0，則不會保留任何閒置連線數。",
+			"content-max-lifetime": "可以重複使用連線的最長時間（秒）。若設定為 0，則會永遠重複使用連線。",
+			"content-max-open": "",
+			"max-idle": "最大閒置",
+			"max-lifetime": "最大存活期",
+			"max-open": "最大開啟數量",
+			"title-connection-limits": "連線限制"
+		},
+		"dataset-selector": {
+			"aria-label-dataset-selector": "資料集選擇器"
+		},
+		"error-boundary": {
+			"fall-back": {
+				error: "錯誤"
+			}
+		},
+		"get-custom-operators": {
+			"custom-operators": {
+				label: {
+					macros: "巨集"
+				}
+			}
+		},
+		"make-render-column": {
+			"render-column": {
+				"aria-label-group-by": "分組依據",
+				"title-remove-group-by-column": "按欄位移除群組"
+			}
+		},
+		"order-by-row": {
+			"aria-label-order-by": "排序方式",
+			"label-limit": "限制",
+			"label-offset": "位移量",
+			"label-order-by": "排序方式"
+		},
+		preview: {
+			"label-element": {
+				preview: "預覽",
+				"tooltip-copy-to-clipboard": "複製至剪貼簿"
+			}
+		},
+		"query-header": {
+			"content-invalid-query": "",
+			"editor-modes": {
+				"label-builder": "建立器",
+				"label-code": "代碼"
+			},
+			"label-dataset": "資料集",
+			"label-filter": "篩選",
+			"label-format": "格式",
+			"label-group": "群組",
+			"label-order": "排序",
+			"label-preview": "預覽",
+			"label-table": "表格",
+			"placeholder-select-format": "選擇格式",
+			"run-query": "執行查詢"
+		},
+		"query-meta": {
+			variables: {
+				textField: "文字欄位",
+				valueField: "值欄位"
+			}
+		},
+		"query-toolbox": {
+			"content-hit-ctrlcmdreturn-to-run-query": "按下 CTRL/CMD + Return 執行查詢",
+			"tooltip-collapse": "收合編輯器",
+			"tooltip-expand": "展開編輯器",
+			"tooltip-format-query": "格式化查詢"
+		},
+		"query-validator": {
+			"query-will-process": "<0></0>此查詢將在執行時處理 <strong>{{bytes}}</strong>。",
+			"validating-query": "正在驗證查詢…"
+		},
+		"raw-editor": {
+			"render-placeholder": {
+				"editing-in-expanded-code-editor": "在展開的程式碼編輯器中編輯"
+			},
+			"title-query-num": "查詢 {{queryNum}}"
+		},
+		"select-column": {
+			"label-column": "欄位"
+		},
+		"select-custom-function-parameters": {
+			"aria-label-parameter": "欄位 {{columnIndex}} 的參數 {{index}}",
+			"render-parameters": {
+				params: {
+					"title-remove-parameter": "移除參數"
+				}
+			},
+			"title-add-parameter": "新增參數"
+		},
+		"select-row": {
+			"aggregate-options": {
+				options: {
+					label: {
+						aggregations: "聚合",
+						macros: "巨集"
+					}
+				}
+			},
+			label: {
+				time: "時間",
+				value: "值"
+			},
+			"label-alias": "別名",
+			"label-data-operations": "資料操作",
+			"title-add-column": "新增欄位",
+			"title-remove-column": "移除欄位"
+		},
+		settings: {
+			"aria-label-conjunction": "連接條件",
+			"aria-label-field": "欄位",
+			"aria-label-operator": "運算子",
+			"title-button-filter": "{{ buttonLabel }} 篩選條件"
+		},
+		"sql-query-editor-lazy": {
+			"text-loading-editor": "正在載入編輯器"
+		},
+		"table-selector": {
+			"aria-label-table-selector": "表格選擇器",
+			"placeholder-loading": "載入表格…",
+			"placeholder-select-table": "選擇表格"
+		},
+		"tlssecrets-config": {
+			"content-tlsssl-client-certificate": "若要使用 TLS/SSL 用戶端憑證進行驗證，請在此提供用戶端憑證。",
+			"content-tlsssl-client-key": "若要使用用戶端 TLS/SSL 憑證進行驗證，請在此提供金鑰。",
+			"content-tlsssl-root-certificate": "若所選的 TLS/SSL 模式需要伺服器根憑證，請在此提供",
+			"tlsssl-client-certificate": "TLS/SSL 用戶端憑證",
+			"tlsssl-client-key": "TLS/SSL 用戶端金鑰",
+			"tlsssl-root-certificate": "TLS/SSL 根憑證"
+		},
+		"visual-editor": {
+			"label-filter-by-column-value": "按欄位數值篩選",
+			"label-group-by-column": "按欄位分組"
+		},
+		widgets: {
+			"aria-label-macros-value-selector": "巨集值選擇器"
+		}
+	},
+	utils: {
+		"get-columns-width-indices": {
+			"label-selected-columns": "選取的欄位"
+		}
+	}
+}
+};
+
+module.exports = grafanaSql;
+//# sourceMappingURL=grafana-sql.json.cjs.map

package/dist/cjs/locales/zh-Hant/grafana-sql.json.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"grafana-sql.json.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/types.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var data = require('@grafana/data');
+
+"use strict";
+var _a;
+var QueryFormat = /* @__PURE__ */ ((QueryFormat2) => {
+  QueryFormat2["Timeseries"] = "time_series";
+  QueryFormat2["Table"] = "table";
+  return QueryFormat2;
+})(QueryFormat || {});
+const QUERY_FORMAT_OPTIONS = [
+  { label: "Time series", value: "time_series" /* Timeseries */ },
+  { label: "Table", value: "table" /* Table */ }
+];
+const backWardToOption = (value) => ({ label: value, value });
+const toOption = (_a = data.toOption) != null ? _a : backWardToOption;
+
+exports.QUERY_FORMAT_OPTIONS = QUERY_FORMAT_OPTIONS;
+exports.QueryFormat = QueryFormat;
+exports.toOption = toOption;
+//# sourceMappingURL=types.cjs.map

package/dist/cjs/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sources":["../../src/types.ts"],"sourcesContent":["import { JsonTree } from '@react-awesome-query-builder/ui';\n\nimport {\n  DataFrame,\n  DataQuery,\n  DataSourceJsonData,\n  MetricFindValue,\n  SelectableValue,\n  TimeRange,\n  toOption as toOptionFromData,\n} from '@grafana/data';\nimport { CompletionItemKind, EditorMode, LanguageDefinition } from '@grafana/plugin-ui';\n\nimport { QueryWithDefaults } from './defaults';\nimport {\n  QueryEditorFunctionExpression,\n  QueryEditorGroupByExpression,\n  QueryEditorPropertyExpression,\n} from './expressions';\n\nexport interface SqlQueryForInterpolation {\n  dataset?: string;\n  alias?: string;\n  format?: QueryFormat;\n  rawSql?: string;\n  refId: string;\n  hide?: boolean;\n}\n\nexport interface SQLConnectionLimits {\n  maxOpenConns: number;\n  maxIdleConns: number;\n  maxIdleConnsAuto: boolean;\n  connMaxLifetime: number;\n}\n\nexport interface SQLOptions extends SQLConnectionLimits, DataSourceJsonData {\n  tlsAuth: boolean;\n  tlsAuthWithCACert: boolean;\n  timezone: string;\n  tlsSkipVerify: boolean;\n  user: string;\n  database: string;\n  url: string;\n  timeInterval: string;\n}\n\nexport enum QueryFormat {\n  Timeseries = 'time_series',\n  Table = 'table',\n}\n\nexport type SQLQueryMeta = { valueField?: string; textField?: string };\n\nexport interface SQLQuery extends DataQuery {\n  alias?: string;\n  format?: QueryFormat;\n  rawSql?: string;\n  dataset?: string;\n  table?: string;\n  sql?: SQLExpression;\n  editorMode?: EditorMode;\n  rawQuery?: boolean;\n  meta?: SQLQueryMeta;\n}\n\nexport type SQLVariableQuery = { query: string } & SQLQuery;\n\nexport interface NameValue {\n  name: string;\n  value: string;\n}\n\nexport type SQLFilters = NameValue[];\n\nexport interface SQLExpression {\n  columns?: QueryEditorFunctionExpression[];\n  whereJsonTree?: JsonTree;\n  whereString?: string;\n  filters?: SQLFilters;\n  groupBy?: QueryEditorGroupByExpression[];\n  orderBy?: QueryEditorPropertyExpression;\n  orderByDirection?: 'ASC' | 'DESC';\n  limit?: number;\n  offset?: number;\n}\n\nexport interface TableSchema {\n  name?: string;\n  schema?: TableFieldSchema[];\n}\n\nexport interface TableFieldSchema {\n  name: string;\n  description?: string;\n  type: string;\n  repeated: boolean;\n  schema: TableFieldSchema[];\n}\n\nexport interface QueryRowFilter {\n  filter: boolean;\n  group: boolean;\n  order: boolean;\n  preview: boolean;\n}\n\nexport const QUERY_FORMAT_OPTIONS = [\n  { label: 'Time series', value: QueryFormat.Timeseries },\n  { label: 'Table', value: QueryFormat.Table },\n];\n\nconst backWardToOption = (value: string) => ({ label: value, value });\n\nexport const toOption = toOptionFromData ?? backWardToOption;\n\nexport interface ResourceSelectorProps {\n  disabled?: boolean;\n  className?: string;\n  applyDefault?: boolean;\n}\n// React Awesome Query builder field types.\n// These are responsible for rendering the correct UI for the field.\nexport type RAQBFieldTypes = 'text' | 'number' | 'boolean' | 'datetime' | 'date' | 'time';\n\nexport interface SQLSelectableValue extends SelectableValue {\n  type?: string;\n  raqbFieldType?: RAQBFieldTypes;\n}\n\nexport interface DB {\n  init?: (datasourceId?: string) => Promise<boolean>;\n  datasets: () => Promise<string[]>;\n  tables: (dataset?: string) => Promise<string[]>;\n  fields: (query: SQLQuery, order?: boolean) => Promise<SQLSelectableValue[]>;\n  validateQuery: (query: SQLQuery, range?: TimeRange) => Promise<ValidationResults>;\n  dispose?: (dsID?: string) => void;\n  lookup?: (path?: string) => Promise<Array<{ name: string; completion: string }>>;\n  getEditorLanguageDefinition: () => LanguageDefinition;\n  toRawSql: (query: SQLQuery) => string;\n  functions: () => Func[];\n}\n\nexport interface FuncParameter {\n  name: string;\n  required?: boolean;\n  options?: (query: SQLQuery) => Promise<SelectableValue[]>;\n}\nexport interface Func {\n  name: string;\n  parameters?: FuncParameter[];\n  description?: string;\n}\n\nexport interface QueryEditorProps {\n  db: DB;\n  query: QueryWithDefaults;\n  onChange: (query: SQLQuery) => void;\n  range?: TimeRange;\n}\n\nexport interface ValidationResults {\n  query: SQLQuery;\n  rawSql?: string;\n  error: string;\n  isError: boolean;\n  isValid: boolean;\n  statistics?: {\n    TotalBytesProcessed: number;\n  } | null;\n}\n\nexport interface SqlQueryModel {\n  quoteLiteral: (v: string) => string;\n}\n\nexport interface ResponseParser {\n  transformMetricFindResponse: (frame: DataFrame) => MetricFindValue[];\n}\n\nexport interface MetaDefinition {\n  name: string;\n  completion?: string;\n  kind: CompletionItemKind;\n}\n\nexport type SQLDialect = 'postgres' | 'influx' | 'other';\n"],"names":["QueryFormat","toOptionFromData"],"mappings":";;;;;;;AAAA,IAAA,EAAA;AA+CO,IAAK,WAAA,qBAAAA,YAAAA,KAAL;AACL,EAAAA,aAAA,YAAA,CAAA,GAAa,aAAA;AACb,EAAAA,aAAA,OAAA,CAAA,GAAQ,OAAA;AAFE,EAAA,OAAAA,YAAAA;AAAA,CAAA,EAAA,WAAA,IAAA,EAAA;AA4DL,MAAM,oBAAA,GAAuB;AAAA,EAClC,EAAE,KAAA,EAAO,aAAA,EAAe,KAAA,EAAO,aAAA,mBAAuB;AAAA,EACtD,EAAE,KAAA,EAAO,OAAA,EAAS,KAAA,EAAO,OAAA;AAC3B;AAEA,MAAM,mBAAmB,CAAC,KAAA,MAAmB,EAAE,KAAA,EAAO,OAAO,KAAA,EAAM,CAAA;AAE5D,MAAM,YAAW,EAAA,GAAAC,aAAA,KAAA,IAAA,GAAA,EAAA,GAAoB;;;;;;"}

package/dist/cjs/utils/formatSQL.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var sqlFormatter = require('sql-formatter-plus');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var sqlFormatter__default = /*#__PURE__*/_interopDefaultCompat(sqlFormatter);
+
+"use strict";
+function formatSQL(q) {
+  return sqlFormatter__default.default.format(q).replace(/(\$ \{ .* \})|(\$ __)|(\$ \w+)/g, (m) => {
+    return m.replace(/\s/g, "");
+  });
+}
+
+exports.formatSQL = formatSQL;
+//# sourceMappingURL=formatSQL.cjs.map

package/dist/cjs/utils/formatSQL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatSQL.cjs","sources":["../../../src/utils/formatSQL.ts"],"sourcesContent":["// @ts-ignore\nimport sqlFormatter from 'sql-formatter-plus';\n\nexport function formatSQL(q: string) {\n  return sqlFormatter.format(q).replace(/(\\$ \\{ .* \\})|(\\$ __)|(\\$ \\w+)/g, (m: string) => {\n    return m.replace(/\\s/g, '');\n  });\n}\n"],"names":["sqlFormatter"],"mappings":";;;;;;;;;;;AAGO,SAAS,UAAU,CAAA,EAAW;AACnC,EAAA,OAAOA,8BAAa,MAAA,CAAO,CAAC,EAAE,OAAA,CAAQ,iCAAA,EAAmC,CAAC,CAAA,KAAc;AACtF,IAAA,OAAO,CAAA,CAAE,OAAA,CAAQ,KAAA,EAAO,EAAE,CAAA;AAAA,EAC5B,CAAC,CAAA;AACH;;;;"}

package/dist/cjs/utils/getColumnsWithIndices.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var i18n = require('@grafana/i18n');
+
+"use strict";
+function getColumnsWithIndices(query, fields) {
+  var _a;
+  if (!fields || !((_a = query.sql) == null ? void 0 : _a.columns)) {
+    return fields;
+  }
+  const options = query.sql.columns.map((c, i) => {
+    var _a2, _b;
+    const value = c.name ? `${c.name}(${(_a2 = c.parameters) == null ? void 0 : _a2.map((p) => p.name).join(", ")})` : (_b = c.parameters) == null ? void 0 : _b.map((p) => p.name).join(", ");
+    return {
+      value,
+      label: `${i + 1} - ${value}`
+    };
+  });
+  return [
+    {
+      value: "",
+      label: i18n.t("grafana-sql.utils.get-columns-width-indices.label-selected-columns", "Selected columns"),
+      options,
+      expanded: true
+    },
+    ...fields
+  ];
+}
+
+exports.getColumnsWithIndices = getColumnsWithIndices;
+//# sourceMappingURL=getColumnsWithIndices.cjs.map

package/dist/cjs/utils/getColumnsWithIndices.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getColumnsWithIndices.cjs","sources":["../../../src/utils/getColumnsWithIndices.ts"],"sourcesContent":["import { SelectableValue } from '@grafana/data';\nimport { t } from '@grafana/i18n';\n\nimport { SQLQuery } from '../types';\n\nexport function getColumnsWithIndices(query: SQLQuery, fields: SelectableValue[]): SelectableValue[] {\n  if (!fields || !query.sql?.columns) {\n    return fields;\n  }\n\n  const options = query.sql.columns.map((c, i) => {\n    const value = c.name\n      ? `${c.name}(${c.parameters?.map((p) => p.name).join(', ')})`\n      : c.parameters?.map((p) => p.name).join(', ');\n    return {\n      value,\n      label: `${i + 1} - ${value}`,\n    };\n  });\n\n  return [\n    {\n      value: '',\n      label: t('grafana-sql.utils.get-columns-width-indices.label-selected-columns', 'Selected columns'),\n      options,\n      expanded: true,\n    },\n    ...fields,\n  ];\n}\n"],"names":["_a","t"],"mappings":";;;;;;;AAKO,SAAS,qBAAA,CAAsB,OAAiB,MAAA,EAA8C;AALrG,EAAA,IAAA,EAAA;AAME,EAAA,IAAI,CAAC,MAAA,IAAU,EAAA,CAAC,EAAA,GAAA,KAAA,CAAM,GAAA,KAAN,mBAAW,OAAA,CAAA,EAAS;AAClC,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,MAAM,UAAU,KAAA,CAAM,GAAA,CAAI,QAAQ,GAAA,CAAI,CAAC,GAAG,CAAA,KAAM;AAVlD,IAAA,IAAAA,GAAAA,EAAA,EAAA;AAWI,IAAA,MAAM,KAAA,GAAQ,CAAA,CAAE,IAAA,GACZ,CAAA,EAAG,CAAA,CAAE,IAAI,CAAA,CAAA,EAAA,CAAIA,GAAAA,GAAA,CAAA,CAAE,UAAA,KAAF,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAAA,CAAc,GAAA,CAAI,CAAC,CAAA,KAAM,CAAA,CAAE,IAAA,CAAA,CAAM,IAAA,CAAK,IAAA,CAAK,CAAA,CAAA,CAAA,GAAA,CACxD,EAAA,GAAA,CAAA,CAAE,UAAA,KAAF,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAc,GAAA,CAAI,CAAC,CAAA,KAAM,CAAA,CAAE,IAAA,CAAA,CAAM,IAAA,CAAK,IAAA,CAAA;AAC1C,IAAA,OAAO;AAAA,MACL,KAAA;AAAA,MACA,KAAA,EAAO,CAAA,EAAG,CAAA,GAAI,CAAC,MAAM,KAAK,CAAA;AAAA,KAC5B;AAAA,EACF,CAAC,CAAA;AAED,EAAA,OAAO;AAAA,IACL;AAAA,MACE,KAAA,EAAO,EAAA;AAAA,MACP,KAAA,EAAOC,MAAA,CAAE,oEAAA,EAAsE,kBAAkB,CAAA;AAAA,MACjG,OAAA;AAAA,MACA,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,GAAG;AAAA,GACL;AACF;;;;"}

package/dist/cjs/utils/logging.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@grafana/runtime');
+
+"use strict";
+const sqlPluginLogger = runtime.createMonitoringLogger("features.plugins.sql");
+
+exports.sqlPluginLogger = sqlPluginLogger;
+//# sourceMappingURL=logging.cjs.map

package/dist/cjs/utils/logging.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"logging.cjs","sources":["../../../src/utils/logging.ts"],"sourcesContent":["import { createMonitoringLogger, MonitoringLogger } from '@grafana/runtime';\n\nexport const sqlPluginLogger: MonitoringLogger = createMonitoringLogger('features.plugins.sql');\n"],"names":["createMonitoringLogger"],"mappings":";;;;;;;AAEO,MAAM,eAAA,GAAoCA,+BAAuB,sBAAsB;;;;"}

package/dist/cjs/utils/migration.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var defaults = require('../defaults.cjs');
+
+"use strict";
+function migrateAnnotation(annotation) {
+  var _a;
+  const oldQuery = typeof annotation.rawQuery === "string" ? annotation.rawQuery : null;
+  if (!oldQuery) {
+    return annotation;
+  }
+  const newQuery = defaults.applyQueryDefaults({ refId: "Annotation", ...(_a = annotation.target) != null ? _a : {}, rawSql: oldQuery });
+  return {
+    ...annotation,
+    rawQuery: void 0,
+    workspace: void 0,
+    subscription: void 0,
+    queryType: void 0,
+    target: newQuery
+  };
+}
+
+module.exports = migrateAnnotation;
+//# sourceMappingURL=migration.cjs.map

package/dist/cjs/utils/migration.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"migration.cjs","sources":["../../../src/utils/migration.ts"],"sourcesContent":["import { AnnotationQuery } from '@grafana/data';\n\nimport { applyQueryDefaults } from '../defaults';\nimport { SQLQuery } from '../types';\n\nexport default function migrateAnnotation(annotation: AnnotationQuery<SQLQuery>) {\n  const oldQuery = typeof annotation.rawQuery === 'string' ? annotation.rawQuery : null;\n\n  if (!oldQuery) {\n    return annotation;\n  }\n\n  const newQuery = applyQueryDefaults({ refId: 'Annotation', ...(annotation.target ?? {}), rawSql: oldQuery });\n\n  return {\n    ...annotation,\n    rawQuery: undefined,\n    workspace: undefined,\n    subscription: undefined,\n    queryType: undefined,\n    target: newQuery,\n  };\n}\n"],"names":["applyQueryDefaults"],"mappings":";;;;;AAKA,SAAwB,kBAAkB,UAAA,EAAuC;AALjF,EAAA,IAAA,EAAA;AAME,EAAA,MAAM,WAAW,OAAO,UAAA,CAAW,QAAA,KAAa,QAAA,GAAW,WAAW,QAAA,GAAW,IAAA;AAEjF,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,OAAO,UAAA;AAAA,EACT;AAEA,EAAA,MAAM,QAAA,GAAWA,2BAAA,CAAmB,EAAE,KAAA,EAAO,YAAA,EAAc,GAAA,CAAI,EAAA,GAAA,UAAA,CAAW,MAAA,KAAX,IAAA,GAAA,EAAA,GAAqB,EAAC,EAAI,MAAA,EAAQ,UAAU,CAAA;AAE3G,EAAA,OAAO;AAAA,IACL,GAAG,UAAA;AAAA,IACH,QAAA,EAAU,KAAA,CAAA;AAAA,IACV,SAAA,EAAW,KAAA,CAAA;AAAA,IACX,YAAA,EAAc,KAAA,CAAA;AAAA,IACd,SAAA,EAAW,KAAA,CAAA;AAAA,IACX,MAAA,EAAQ;AAAA,GACV;AACF;;;;"}

package/dist/cjs/utils/sql.utils.cjs

@@ -0,0 +1,75 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var data = require('@grafana/data');
+var expressions = require('../expressions.cjs');
+
+"use strict";
+function createSelectClause(sqlColumns) {
+  const columns = sqlColumns.map((c) => {
+    var _a, _b, _c, _d;
+    let rawColumn = "";
+    if (c.name && c.alias) {
+      rawColumn += `${c.name}(${(_a = c.parameters) == null ? void 0 : _a.map((p) => `${p.name}`)}) AS ${c.alias}`;
+    } else if (c.name) {
+      rawColumn += `${c.name}(${(_b = c.parameters) == null ? void 0 : _b.map((p) => `${p.name}`)})`;
+    } else if (c.alias) {
+      rawColumn += `${(_c = c.parameters) == null ? void 0 : _c.map((p) => `${p.name}`)} AS ${c.alias}`;
+    } else {
+      rawColumn += `${(_d = c.parameters) == null ? void 0 : _d.map((p) => `${p.name}`)}`;
+    }
+    return rawColumn;
+  });
+  return `SELECT ${columns.join(", ")} `;
+}
+const haveColumns = (columns) => {
+  if (!columns) {
+    return false;
+  }
+  const haveColumn = columns.some((c) => {
+    var _a, _b;
+    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;
+};
+function setGroupByField(field) {
+  return {
+    type: expressions.QueryEditorExpressionType.GroupBy,
+    property: {
+      type: expressions.QueryEditorPropertyType.String,
+      name: field
+    }
+  };
+}
+function setPropertyField(field) {
+  return {
+    type: expressions.QueryEditorExpressionType.Property,
+    property: {
+      type: expressions.QueryEditorPropertyType.String,
+      name: field
+    }
+  };
+}
+function createFunctionField(functionName) {
+  return {
+    type: expressions.QueryEditorExpressionType.Function,
+    name: functionName,
+    parameters: []
+  };
+}
+function getColumnValue(column) {
+  if (column == null ? void 0 : column.name) {
+    return data.toOption(column.name);
+  }
+  return null;
+}
+
+exports.createFunctionField = createFunctionField;
+exports.createSelectClause = createSelectClause;
+exports.getColumnValue = getColumnValue;
+exports.haveColumns = haveColumns;
+exports.setGroupByField = setGroupByField;
+exports.setPropertyField = setPropertyField;
+//# sourceMappingURL=sql.utils.cjs.map

package/dist/cjs/utils/sql.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sql.utils.cjs","sources":["../../../src/utils/sql.utils.ts"],"sourcesContent":["import { SelectableValue, toOption } from '@grafana/data';\n\nimport {\n  QueryEditorExpressionType,\n  QueryEditorFunctionExpression,\n  QueryEditorFunctionParameterExpression,\n  QueryEditorGroupByExpression,\n  QueryEditorPropertyExpression,\n  QueryEditorPropertyType,\n} from '../expressions';\nimport { SQLExpression } from '../types';\n\nexport function createSelectClause(sqlColumns: NonNullable<SQLExpression['columns']>): string {\n  const columns = sqlColumns.map((c) => {\n    let rawColumn = '';\n    if (c.name && c.alias) {\n      rawColumn += `${c.name}(${c.parameters?.map((p) => `${p.name}`)}) AS ${c.alias}`;\n    } else if (c.name) {\n      rawColumn += `${c.name}(${c.parameters?.map((p) => `${p.name}`)})`;\n    } else if (c.alias) {\n      rawColumn += `${c.parameters?.map((p) => `${p.name}`)} AS ${c.alias}`;\n    } else {\n      rawColumn += `${c.parameters?.map((p) => `${p.name}`)}`;\n    }\n    return rawColumn;\n  });\n  return `SELECT ${columns.join(', ')} `;\n}\n\nexport const haveColumns = (columns: SQLExpression['columns']): columns is NonNullable<SQLExpression['columns']> => {\n  if (!columns) {\n    return false;\n  }\n\n  const haveColumn = columns.some((c) => c.parameters?.length || c.parameters?.some((p) => p.name));\n  const haveFunction = columns.some((c) => c.name);\n  return haveColumn || haveFunction;\n};\n\n/**\n * Creates a GroupByExpression for a specified field\n */\nexport function setGroupByField(field?: string): QueryEditorGroupByExpression {\n  return {\n    type: QueryEditorExpressionType.GroupBy,\n    property: {\n      type: QueryEditorPropertyType.String,\n      name: field,\n    },\n  };\n}\n\n/**\n * Creates a PropertyExpression for a specified field\n */\nexport function setPropertyField(field?: string): QueryEditorPropertyExpression {\n  return {\n    type: QueryEditorExpressionType.Property,\n    property: {\n      type: QueryEditorPropertyType.String,\n      name: field,\n    },\n  };\n}\n\nexport function createFunctionField(functionName?: string): QueryEditorFunctionExpression {\n  return {\n    type: QueryEditorExpressionType.Function,\n    name: functionName,\n    parameters: [],\n  };\n}\n\n/**\n * Retrieves the column value from a QueryEditorFunctionParameterExpression object.\n *\n * @param column - The QueryEditorFunctionParameterExpression object representing the column.\n * @returns The column value as a SelectableValue<string> or null if the column is undefined or null.\n */\nexport function getColumnValue(\n  column?: QueryEditorFunctionParameterExpression | QueryEditorFunctionExpression\n): SelectableValue<string> | null {\n  if (column?.name) {\n    return toOption(column.name);\n  }\n  return null;\n}\n"],"names":["QueryEditorExpressionType","QueryEditorPropertyType","toOption"],"mappings":"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"}

package/dist/cjs/utils/testHelpers.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var data = require('@grafana/data');
+
+"use strict";
+function makeVariable(id, name, attributes) {
+  return {
+    multi: false,
+    type: "custom",
+    includeAll: false,
+    current: {},
+    options: [],
+    query: "",
+    rootStateKey: null,
+    global: false,
+    hide: data.VariableHide.dontHide,
+    skipUrlSync: false,
+    index: -1,
+    state: data.LoadingState.NotStarted,
+    error: null,
+    description: null,
+    ...attributes,
+    id,
+    name
+  };
+}
+
+exports.makeVariable = makeVariable;
+//# sourceMappingURL=testHelpers.cjs.map

package/dist/cjs/utils/testHelpers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"testHelpers.cjs","sources":["../../../src/utils/testHelpers.ts"],"sourcesContent":["import { CustomVariableModel, LoadingState, VariableHide } from '@grafana/data';\n\nexport function makeVariable(id: string, name: string, attributes?: Partial<CustomVariableModel>): CustomVariableModel {\n  return {\n    multi: false,\n    type: 'custom',\n    includeAll: false,\n    current: {},\n    options: [],\n    query: '',\n    rootStateKey: null,\n    global: false,\n    hide: VariableHide.dontHide,\n    skipUrlSync: false,\n    index: -1,\n    state: LoadingState.NotStarted,\n    error: null,\n    description: null,\n    ...attributes,\n    id,\n    name,\n  };\n}\n"],"names":["VariableHide","LoadingState"],"mappings":";;;;;;;AAEO,SAAS,YAAA,CAAa,EAAA,EAAY,IAAA,EAAc,UAAA,EAAgE;AACrH,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,IAAA,EAAM,QAAA;AAAA,IACN,UAAA,EAAY,KAAA;AAAA,IACZ,SAAS,EAAC;AAAA,IACV,SAAS,EAAC;AAAA,IACV,KAAA,EAAO,EAAA;AAAA,IACP,YAAA,EAAc,IAAA;AAAA,IACd,MAAA,EAAQ,KAAA;AAAA,IACR,MAAMA,iBAAA,CAAa,QAAA;AAAA,IACnB,WAAA,EAAa,KAAA;AAAA,IACb,KAAA,EAAO,CAAA,CAAA;AAAA,IACP,OAAOC,iBAAA,CAAa,UAAA;AAAA,IACpB,KAAA,EAAO,IAAA;AAAA,IACP,WAAA,EAAa,IAAA;AAAA,IACb,GAAG,UAAA;AAAA,IACH,EAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/cjs/utils/useSqlChange.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+"use strict";
+function useSqlChange({ query, onQueryChange, db }) {
+  const onSqlChange = react.useCallback(
+    (sql) => {
+      const toRawSql = db.toRawSql;
+      const rawSql = toRawSql({ sql, dataset: query.dataset, table: query.table, refId: query.refId });
+      const newQuery = { ...query, sql, rawSql };
+      onQueryChange(newQuery);
+    },
+    [db, onQueryChange, query]
+  );
+  return { onSqlChange };
+}
+
+exports.useSqlChange = useSqlChange;
+//# sourceMappingURL=useSqlChange.cjs.map

package/dist/cjs/utils/useSqlChange.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSqlChange.cjs","sources":["../../../src/utils/useSqlChange.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { DB, SQLExpression, SQLQuery } from '../types';\n\ninterface UseSqlChange {\n  db: DB;\n  query: SQLQuery;\n  onQueryChange: (query: SQLQuery) => void;\n}\n\nexport function useSqlChange({ query, onQueryChange, db }: UseSqlChange) {\n  const onSqlChange = useCallback(\n    (sql: SQLExpression) => {\n      const toRawSql = db.toRawSql;\n      const rawSql = toRawSql({ sql, dataset: query.dataset, table: query.table, refId: query.refId });\n      const newQuery: SQLQuery = { ...query, sql, rawSql };\n      onQueryChange(newQuery);\n    },\n    [db, onQueryChange, query]\n  );\n\n  return { onSqlChange };\n}\n"],"names":["useCallback"],"mappings":";;;;;;;AAUO,SAAS,YAAA,CAAa,EAAE,KAAA,EAAO,aAAA,EAAe,IAAG,EAAiB;AACvE,EAAA,MAAM,WAAA,GAAcA,iBAAA;AAAA,IAClB,CAAC,GAAA,KAAuB;AACtB,MAAA,MAAM,WAAW,EAAA,CAAG,QAAA;AACpB,MAAA,MAAM,MAAA,GAAS,QAAA,CAAS,EAAE,GAAA,EAAK,OAAA,EAAS,KAAA,CAAM,OAAA,EAAS,KAAA,EAAO,KAAA,CAAM,KAAA,EAAO,KAAA,EAAO,KAAA,CAAM,OAAO,CAAA;AAC/F,MAAA,MAAM,QAAA,GAAqB,EAAE,GAAG,KAAA,EAAO,KAAK,MAAA,EAAO;AACnD,MAAA,aAAA,CAAc,QAAQ,CAAA;AAAA,IACxB,CAAA;AAAA,IACA,CAAC,EAAA,EAAI,aAAA,EAAe,KAAK;AAAA,GAC3B;AAEA,EAAA,OAAO,EAAE,WAAA,EAAY;AACvB;;;;"}

package/dist/esm/ResponseParser.mjs

@@ -0,0 +1,25 @@
+import { uniqBy } from 'lodash';
+
+"use strict";
+class ResponseParser {
+  transformMetricFindResponse(frame) {
+    const values = [];
+    const textField = frame.fields.find((f) => f.name === "__text");
+    const valueField = frame.fields.find((f) => f.name === "__value");
+    if (textField && valueField) {
+      for (let i = 0; i < textField.values.length; i++) {
+        values.push({ text: "" + textField.values[i], value: "" + valueField.values[i] });
+      }
+    } else {
+      for (const field of frame.fields) {
+        for (const value of field.values) {
+          values.push({ text: value });
+        }
+      }
+    }
+    return uniqBy(values, "text");
+  }
+}
+
+export { ResponseParser };
+//# sourceMappingURL=ResponseParser.mjs.map

package/dist/esm/ResponseParser.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseParser.mjs","sources":["../../src/ResponseParser.ts"],"sourcesContent":["import { uniqBy } from 'lodash';\n\nimport { DataFrame, MetricFindValue } from '@grafana/data';\n\nimport type { ResponseParser as ResponseParserType } from './types';\n\nexport class ResponseParser implements ResponseParserType {\n  transformMetricFindResponse(frame: DataFrame): MetricFindValue[] {\n    const values: MetricFindValue[] = [];\n    const textField = frame.fields.find((f) => f.name === '__text');\n    const valueField = frame.fields.find((f) => f.name === '__value');\n\n    if (textField && valueField) {\n      for (let i = 0; i < textField.values.length; i++) {\n        values.push({ text: '' + textField.values[i], value: '' + valueField.values[i] });\n      }\n    } else {\n      for (const field of frame.fields) {\n        for (const value of field.values) {\n          values.push({ text: value });\n        }\n      }\n    }\n\n    return uniqBy(values, 'text');\n  }\n}\n"],"names":[],"mappings":";;;AAMO,MAAM,cAAA,CAA6C;AAAA,EACxD,4BAA4B,KAAA,EAAqC;AAC/D,IAAA,MAAM,SAA4B,EAAC;AACnC,IAAA,MAAM,SAAA,GAAY,MAAM,MAAA,CAAO,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,SAAS,QAAQ,CAAA;AAC9D,IAAA,MAAM,UAAA,GAAa,MAAM,MAAA,CAAO,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,SAAS,SAAS,CAAA;AAEhE,IAAA,IAAI,aAAa,UAAA,EAAY;AAC3B,MAAA,KAAA,IAAS,IAAI,CAAA,EAAG,CAAA,GAAI,SAAA,CAAU,MAAA,CAAO,QAAQ,CAAA,EAAA,EAAK;AAChD,QAAA,MAAA,CAAO,IAAA,CAAK,EAAE,IAAA,EAAM,EAAA,GAAK,UAAU,MAAA,CAAO,CAAC,CAAA,EAAG,KAAA,EAAO,EAAA,GAAK,UAAA,CAAW,MAAA,CAAO,CAAC,GAAG,CAAA;AAAA,MAClF;AAAA,IACF,CAAA,MAAO;AACL,MAAA,KAAA,MAAW,KAAA,IAAS,MAAM,MAAA,EAAQ;AAChC,QAAA,KAAA,MAAW,KAAA,IAAS,MAAM,MAAA,EAAQ;AAChC,UAAA,MAAA,CAAO,IAAA,CAAK,EAAE,IAAA,EAAM,KAAA,EAAO,CAAA;AAAA,QAC7B;AAAA,MACF;AAAA,IACF;AAEA,IAAA,OAAO,MAAA,CAAO,QAAQ,MAAM,CAAA;AAAA,EAC9B;AACF;;;;"}

package/dist/esm/SQLVariableEditor.mjs

@@ -0,0 +1,82 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useMemo, useState, useRef, useEffect } from 'react';
+import { t } from '@grafana/i18n';
+import { EditorRows, EditorRow, EditorField } from '@grafana/plugin-ui';
+import { Combobox } from '@grafana/ui';
+import { migrateVariableQuery } from './SQLVariableUtils.mjs';
+import { SqlQueryEditorLazy } from './components/QueryEditorLazy.mjs';
+
+"use strict";
+const SQLVariablesQueryEditor = (props) => {
+  var _a, _b, _c;
+  const query = useMemo(() => migrateVariableQuery(props.query), [props.query]);
+  const dialect = (_c = (_b = (_a = props.queryHeaderProps) == null ? void 0 : _a.dialect) != null ? _b : props.datasource.dialect) != null ? _c : "other";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      SqlQueryEditorLazy,
+      {
+        ...props,
+        query,
+        queryHeaderProps: { hideFormatSelector: true, hideRunButton: true, dialect }
+      }
+    ),
+    /* @__PURE__ */ jsx(FieldMapping, { ...props, query })
+  ] });
+};
+const FieldMapping = (props) => {
+  var _a, _b;
+  const { query, datasource, onChange } = props;
+  const [choices, setChoices] = useState([]);
+  const queryRef = useRef(query);
+  queryRef.current = query;
+  const queryKey = useMemo(() => JSON.stringify({ rawSql: query.rawSql, sql: query.sql }), [query.rawSql, query.sql]);
+  useEffect(() => {
+    let isActive = true;
+    const subscription = datasource.query({ targets: [queryRef.current] }).subscribe({
+      next: (response) => {
+        if (!isActive) {
+          return;
+        }
+        const fieldNames = (response.data[0] || { fields: [] }).fields.map((f) => f.name);
+        setChoices(fieldNames.map((f) => ({ value: f, label: f })));
+      },
+      error: () => {
+        if (isActive) {
+          setChoices([]);
+        }
+      }
+    });
+    return () => {
+      isActive = false;
+      subscription.unsubscribe();
+    };
+  }, [datasource, queryKey]);
+  const onMetaPropChange = (key, value, meta = query.meta || {}) => {
+    onChange({ ...query, meta: { ...meta, [key]: value } });
+  };
+  return /* @__PURE__ */ jsx(EditorRows, { children: /* @__PURE__ */ jsxs(EditorRow, { children: [
+    /* @__PURE__ */ jsx(EditorField, { label: t("grafana-sql.components.query-meta.variables.valueField", "Value Field"), children: /* @__PURE__ */ jsx(
+      Combobox,
+      {
+        isClearable: true,
+        value: (_a = query.meta) == null ? void 0 : _a.valueField,
+        onChange: (e) => onMetaPropChange("valueField", e == null ? void 0 : e.value),
+        width: 40,
+        options: choices
+      }
+    ) }),
+    /* @__PURE__ */ jsx(EditorField, { label: t("grafana-sql.components.query-meta.variables.textField", "Text Field"), children: /* @__PURE__ */ jsx(
+      Combobox,
+      {
+        isClearable: true,
+        value: (_b = query.meta) == null ? void 0 : _b.textField,
+        onChange: (e) => onMetaPropChange("textField", e == null ? void 0 : e.value),
+        width: 40,
+        options: choices
+      }
+    ) })
+  ] }) });
+};
+
+export { SQLVariablesQueryEditor };
+//# sourceMappingURL=SQLVariableEditor.mjs.map

package/dist/esm/SQLVariableEditor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SQLVariableEditor.mjs","sources":["../../src/SQLVariableEditor.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { DataQueryRequest, Field } from '@grafana/data';\nimport { t } from '@grafana/i18n';\nimport { EditorRows, EditorRow, EditorField } from '@grafana/plugin-ui';\nimport { Combobox, ComboboxOption } from '@grafana/ui';\n\nimport { migrateVariableQuery } from './SQLVariableUtils';\nimport { SqlQueryEditorProps } from './components/QueryEditor';\nimport { SqlQueryEditorLazy } from './components/QueryEditorLazy';\nimport { type SQLQuery, type SQLQueryMeta, SQLDialect } from './types';\n\ntype SQLVariableQueryEditorProps = SqlQueryEditorProps;\n\nexport const SQLVariablesQueryEditor = <T extends SQLDialect>(props: SQLVariableQueryEditorProps) => {\n  const query = useMemo(() => migrateVariableQuery(props.query), [props.query]);\n  const dialect = props.queryHeaderProps?.dialect ?? props.datasource.dialect ?? 'other';\n  return (\n    <>\n      <SqlQueryEditorLazy\n        {...props}\n        query={query}\n        queryHeaderProps={{ hideFormatSelector: true, hideRunButton: true, dialect }}\n      />\n      <FieldMapping {...props} query={query} />\n    </>\n  );\n};\n\nconst FieldMapping = (props: SQLVariableQueryEditorProps) => {\n  const { query, datasource, onChange } = props;\n  const [choices, setChoices] = useState<ComboboxOption[]>([]);\n\n  // Track the actual SQL content to avoid re-querying when only meta changes\n  const queryRef = useRef(query);\n  queryRef.current = query;\n\n  // Only re-run the query when the SQL content changes, not when meta (valueField/textField) changes\n  const queryKey = useMemo(() => JSON.stringify({ rawSql: query.rawSql, sql: query.sql }), [query.rawSql, query.sql]);\n\n  useEffect(() => {\n    let isActive = true;\n    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions\n    const subscription = datasource.query({ targets: [queryRef.current] } as DataQueryRequest<SQLQuery>).subscribe({\n      next: (response) => {\n        if (!isActive) {\n          return;\n        }\n        const fieldNames = (response.data[0] || { fields: [] }).fields.map((f: Field) => f.name);\n        setChoices(fieldNames.map((f: Field) => ({ value: f, label: f })));\n      },\n      error: () => {\n        if (isActive) {\n          setChoices([]);\n        }\n      },\n    });\n    return () => {\n      isActive = false;\n      subscription.unsubscribe();\n    };\n  }, [datasource, queryKey]);\n  const onMetaPropChange = <Key extends keyof SQLQueryMeta, Value extends SQLQueryMeta[Key]>(\n    key: Key,\n    value: Value,\n    meta = query.meta || {}\n  ) => {\n    onChange({ ...query, meta: { ...meta, [key]: value } });\n  };\n  return (\n    <EditorRows>\n      <EditorRow>\n        <EditorField label={t('grafana-sql.components.query-meta.variables.valueField', 'Value Field')}>\n          <Combobox\n            isClearable\n            value={query.meta?.valueField}\n            onChange={(e) => onMetaPropChange('valueField', e?.value)}\n            width={40}\n            options={choices}\n          />\n        </EditorField>\n        <EditorField label={t('grafana-sql.components.query-meta.variables.textField', 'Text Field')}>\n          <Combobox\n            isClearable\n            value={query.meta?.textField}\n            onChange={(e) => onMetaPropChange('textField', e?.value)}\n            width={40}\n            options={choices}\n          />\n        </EditorField>\n      </EditorRow>\n    </EditorRows>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/SQLVariableSupport.mjs

@@ -0,0 +1,36 @@
+import { map } from 'rxjs/operators';
+import { CustomVariableSupport } from '@grafana/data';
+import { EditorMode } from '@grafana/plugin-ui';
+import { SQLVariablesQueryEditor } from './SQLVariableEditor.mjs';
+import { migrateVariableQuery, updateFrame, refId } from './SQLVariableUtils.mjs';
+import { applyQueryDefaults } from './defaults.mjs';
+import { QueryFormat } from './types.mjs';
+
+"use strict";
+class SQLVariableSupport extends CustomVariableSupport {
+  constructor(datasource) {
+    super();
+    this.datasource = datasource;
+    this.editor = SQLVariablesQueryEditor;
+  }
+  query(request) {
+    if (request.targets.length < 1) {
+      throw new Error("no variable query found");
+    }
+    const updatedQuery = migrateVariableQuery(request.targets[0]);
+    return this.datasource.query({ ...request, targets: [updatedQuery] }).pipe(
+      map((d) => {
+        return {
+          ...d,
+          data: (d.data || []).map((frame) => updateFrame(frame, updatedQuery.meta))
+        };
+      })
+    );
+  }
+  getDefaultQuery() {
+    return applyQueryDefaults({ refId, editorMode: EditorMode.Builder, format: QueryFormat.Table });
+  }
+}
+
+export { SQLVariableSupport };
+//# sourceMappingURL=SQLVariableSupport.mjs.map

package/dist/esm/SQLVariableSupport.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SQLVariableSupport.mjs","sources":["../../src/SQLVariableSupport.ts"],"sourcesContent":["import { Observable } from 'rxjs';\nimport { map } from 'rxjs/operators';\n\nimport { CustomVariableSupport, DataQueryRequest, DataQueryResponse, DataFrame } from '@grafana/data';\nimport { EditorMode } from '@grafana/plugin-ui';\n\nimport { SQLVariablesQueryEditor } from './SQLVariableEditor';\nimport { migrateVariableQuery, updateFrame, refId } from './SQLVariableUtils';\nimport { SqlDatasource } from './datasource/SqlDatasource';\nimport { applyQueryDefaults } from './defaults';\nimport { QueryFormat, type SQLQuery } from './types';\n\nexport class SQLVariableSupport extends CustomVariableSupport<SqlDatasource, SQLQuery> {\n  constructor(readonly datasource: SqlDatasource) {\n    super();\n  }\n  editor = SQLVariablesQueryEditor;\n  query(request: DataQueryRequest<SQLQuery>): Observable<DataQueryResponse> {\n    if (request.targets.length < 1) {\n      throw new Error('no variable query found');\n    }\n    const updatedQuery = migrateVariableQuery(request.targets[0]);\n    return this.datasource.query({ ...request, targets: [updatedQuery] }).pipe(\n      map((d: DataQueryResponse) => {\n        return {\n          ...d,\n          data: (d.data || []).map((frame: DataFrame) => updateFrame(frame, updatedQuery.meta)),\n        };\n      })\n    );\n  }\n  getDefaultQuery(): Partial<SQLQuery> {\n    return applyQueryDefaults({ refId, editorMode: EditorMode.Builder, format: QueryFormat.Table });\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;AAYO,MAAM,2BAA2B,qBAAA,CAA+C;AAAA,EACrF,YAAqB,UAAA,EAA2B;AAC9C,IAAA,KAAA,EAAM;AADa,IAAA,IAAA,CAAA,UAAA,GAAA,UAAA;AAGrB,IAAA,IAAA,CAAA,MAAA,GAAS,uBAAA;AAAA,EADT;AAAA,EAEA,MAAM,OAAA,EAAoE;AACxE,IAAA,IAAI,OAAA,CAAQ,OAAA,CAAQ,MAAA,GAAS,CAAA,EAAG;AAC9B,MAAA,MAAM,IAAI,MAAM,yBAAyB,CAAA;AAAA,IAC3C;AACA,IAAA,MAAM,YAAA,GAAe,oBAAA,CAAqB,OAAA,CAAQ,OAAA,CAAQ,CAAC,CAAC,CAAA;AAC5D,IAAA,OAAO,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,EAAE,GAAG,OAAA,EAAS,OAAA,EAAS,CAAC,YAAY,CAAA,EAAG,CAAA,CAAE,IAAA;AAAA,MACpE,GAAA,CAAI,CAAC,CAAA,KAAyB;AAC5B,QAAA,OAAO;AAAA,UACL,GAAG,CAAA;AAAA,UACH,IAAA,EAAA,CAAO,CAAA,CAAE,IAAA,IAAQ,EAAC,EAAG,GAAA,CAAI,CAAC,KAAA,KAAqB,WAAA,CAAY,KAAA,EAAO,YAAA,CAAa,IAAI,CAAC;AAAA,SACtF;AAAA,MACF,CAAC;AAAA,KACH;AAAA,EACF;AAAA,EACA,eAAA,GAAqC;AACnC,IAAA,OAAO,kBAAA,CAAmB,EAAE,KAAA,EAAO,UAAA,EAAY,WAAW,OAAA,EAAS,MAAA,EAAQ,WAAA,CAAY,KAAA,EAAO,CAAA;AAAA,EAChG;AACF;;;;"}