@grafana/sql 0.0.0 → 13.0.0-23484519191

package/CHANGELOG.md

@@ -0,0 +1,3 @@
+## 2026-03-19
+
+First public release of `@grafana/sql`. This package provides shared UI components and base classes for SQL datasource plugins in Grafana.

package/README.md

@@ -3,3 +3,13 @@
 `@grafana/sql` is a collection of shared UI components, base classes, and utilities used to build SQL-based datasource plugins (MySQL, PostgreSQL, MSSQL, etc.) in [Grafana](https://github.com/grafana/grafana). It provides a common query editor, visual query builder, configuration components, and datasource base class for SQL datasources.
 
 See [package source](https://github.com/grafana/grafana/tree/main/packages/grafana-sql) for more details.
+
+## Installation
+
+```bash
+yarn add @grafana/sql
+```
+
+```bash
+npm install @grafana/sql
+```

package/dist/cjs/ResponseParser.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var lodash = require('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 lodash.uniqBy(values, "text");
+  }
+}
+
+exports.ResponseParser = ResponseParser;
+//# sourceMappingURL=ResponseParser.cjs.map

package/dist/cjs/ResponseParser.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseParser.cjs","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":["uniqBy"],"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,OAAOA,aAAA,CAAO,QAAQ,MAAM,CAAA;AAAA,EAC9B;AACF;;;;"}

package/dist/cjs/SQLVariableEditor.cjs

@@ -0,0 +1,86 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var i18n = require('@grafana/i18n');
+var pluginUi = require('@grafana/plugin-ui');
+var ui = require('@grafana/ui');
+var SQLVariableUtils = require('./SQLVariableUtils.cjs');
+var QueryEditorLazy = require('./components/QueryEditorLazy.cjs');
+
+"use strict";
+const SQLVariablesQueryEditor = (props) => {
+  var _a, _b, _c;
+  const query = react.useMemo(() => SQLVariableUtils.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      QueryEditorLazy.SqlQueryEditorLazy,
+      {
+        ...props,
+        query,
+        queryHeaderProps: { hideFormatSelector: true, hideRunButton: true, dialect }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(FieldMapping, { ...props, query })
+  ] });
+};
+const FieldMapping = (props) => {
+  var _a, _b;
+  const { query, datasource, onChange } = props;
+  const [choices, setChoices] = react.useState([]);
+  const queryRef = react.useRef(query);
+  queryRef.current = query;
+  const queryKey = react.useMemo(() => JSON.stringify({ rawSql: query.rawSql, sql: query.sql }), [query.rawSql, query.sql]);
+  react.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__ */ jsxRuntime.jsx(pluginUi.EditorRows, { children: /* @__PURE__ */ jsxRuntime.jsxs(pluginUi.EditorRow, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(pluginUi.EditorField, { label: i18n.t("grafana-sql.components.query-meta.variables.valueField", "Value Field"), children: /* @__PURE__ */ jsxRuntime.jsx(
+      ui.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__ */ jsxRuntime.jsx(pluginUi.EditorField, { label: i18n.t("grafana-sql.components.query-meta.variables.textField", "Text Field"), children: /* @__PURE__ */ jsxRuntime.jsx(
+      ui.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
+      }
+    ) })
+  ] }) });
+};
+
+exports.SQLVariablesQueryEditor = SQLVariablesQueryEditor;
+//# sourceMappingURL=SQLVariableEditor.cjs.map

package/dist/cjs/SQLVariableEditor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SQLVariableEditor.cjs","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":["useMemo","migrateVariableQuery","jsxs","Fragment","jsx","SqlQueryEditorLazy","useState","useRef","useEffect","EditorRows","EditorRow","EditorField","t","Combobox"],"mappings":"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"}

package/dist/cjs/SQLVariableSupport.cjs

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

package/dist/cjs/SQLVariableSupport.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SQLVariableSupport.cjs","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":["CustomVariableSupport","SQLVariablesQueryEditor","migrateVariableQuery","map","updateFrame","applyQueryDefaults","refId","EditorMode","QueryFormat"],"mappings":";;;;;;;;;;;;;AAYO,MAAM,2BAA2BA,0BAAA,CAA+C;AAAA,EACrF,YAAqB,UAAA,EAA2B;AAC9C,IAAA,KAAA,EAAM;AADa,IAAA,IAAA,CAAA,UAAA,GAAA,UAAA;AAGrB,IAAA,IAAA,CAAA,MAAA,GAASC,yCAAA;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,GAAeC,qCAAA,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,MACpEC,aAAA,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,KAAqBC,4BAAA,CAAY,KAAA,EAAO,YAAA,CAAa,IAAI,CAAC;AAAA,SACtF;AAAA,MACF,CAAC;AAAA,KACH;AAAA,EACF;AAAA,EACA,eAAA,GAAqC;AACnC,IAAA,OAAOC,2BAAA,CAAmB,SAAEC,sBAAA,EAAO,UAAA,EAAYC,oBAAW,OAAA,EAAS,MAAA,EAAQC,iBAAA,CAAY,KAAA,EAAO,CAAA;AAAA,EAChG;AACF;;;;"}

package/dist/cjs/SQLVariableUtils.cjs

@@ -0,0 +1,75 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var lodash = require('lodash');
+var data = require('@grafana/data');
+var pluginUi = require('@grafana/plugin-ui');
+var defaults = require('./defaults.cjs');
+
+"use strict";
+const refId = "SQLVariableQueryEditor-VariableQuery";
+const migrateVariableQuery = (rawQuery) => {
+  if (typeof rawQuery !== "string") {
+    return {
+      ...rawQuery,
+      refId: rawQuery.refId || refId,
+      query: rawQuery.rawSql || ""
+    };
+  }
+  return {
+    ...defaults.applyQueryDefaults({
+      refId,
+      rawSql: rawQuery,
+      editorMode: rawQuery ? pluginUi.EditorMode.Code : pluginUi.EditorMode.Builder
+    }),
+    query: rawQuery
+  };
+};
+const updateFrame = (frame, meta) => {
+  const fields = convertFieldsToVariableFields(frame.fields, meta);
+  let length = fields.length > 0 ? fields[0].values.length : frame.length;
+  return { ...frame, length, fields };
+};
+const convertFieldsToVariableFields = (original_fields, meta) => {
+  if (original_fields.length < 1) {
+    throw new Error("at least one field expected for variable");
+  }
+  if (meta) {
+    let tf2 = meta.textField ? original_fields.find((f) => f.name === meta.textField) : void 0;
+    let vf2 = meta.valueField ? original_fields.find((f) => f.name === meta.valueField) : void 0;
+    const textField = tf2 || vf2 || original_fields[0];
+    const valueField = vf2 || tf2 || original_fields[0];
+    const otherFields = original_fields.filter((f) => f.name !== "value" && f.name !== "text");
+    return [{ ...textField, name: "text" }, { ...valueField, name: "value" }, ...otherFields];
+  }
+  let tf = original_fields.find((f) => f.name === "__text");
+  let vf = original_fields.find((f) => f.name === "__value");
+  if (tf && vf) {
+    const otherFields = original_fields.filter((f) => f.name !== "__text" && f.name !== "__value");
+    return [
+      { ...tf, name: "text", values: tf.values.map((v) => "" + v) },
+      { ...vf, name: "value", values: vf.values.map((v) => "" + v) },
+      ...otherFields
+    ];
+  }
+  let values = [];
+  for (const field of original_fields) {
+    for (const value of field.values) {
+      if (value !== null && value !== void 0) {
+        values.push("" + value);
+      }
+    }
+  }
+  values = lodash.uniq(values);
+  return [
+    { name: "text", type: data.FieldType.string, config: {}, values },
+    { name: "value", type: data.FieldType.string, config: {}, values }
+  ];
+};
+
+exports.convertFieldsToVariableFields = convertFieldsToVariableFields;
+exports.migrateVariableQuery = migrateVariableQuery;
+exports.refId = refId;
+exports.updateFrame = updateFrame;
+//# sourceMappingURL=SQLVariableUtils.cjs.map

package/dist/cjs/SQLVariableUtils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SQLVariableUtils.cjs","sources":["../../src/SQLVariableUtils.ts"],"sourcesContent":["import { uniq } from 'lodash';\n\nimport { DataFrame, Field, FieldType } from '@grafana/data';\nimport { EditorMode } from '@grafana/plugin-ui';\n\nimport { applyQueryDefaults } from './defaults';\nimport { type SQLQuery, type SQLVariableQuery, type SQLQueryMeta } from './types';\n\nexport const refId = 'SQLVariableQueryEditor-VariableQuery';\n\nexport const migrateVariableQuery = (rawQuery: string | SQLQuery): SQLVariableQuery => {\n  if (typeof rawQuery !== 'string') {\n    return {\n      ...rawQuery,\n      refId: rawQuery.refId || refId,\n      query: rawQuery.rawSql || '',\n    };\n  }\n  return {\n    ...applyQueryDefaults({\n      refId,\n      rawSql: rawQuery,\n      editorMode: rawQuery ? EditorMode.Code : EditorMode.Builder,\n    }),\n    query: rawQuery,\n  };\n};\n\nexport const updateFrame = (frame: DataFrame, meta?: SQLQueryMeta): DataFrame => {\n  const fields = convertFieldsToVariableFields(frame.fields, meta);\n  let length = fields.length > 0 ? fields[0].values.length : frame.length;\n  return { ...frame, length, fields };\n};\n\nexport const convertFieldsToVariableFields = (original_fields: Field[], meta?: SQLQueryMeta): Field[] => {\n  // scenario 1 : If no fields found, throw error\n  if (original_fields.length < 1) {\n    throw new Error('at least one field expected for variable');\n  }\n  // scenario 2 : If meta field found, use and return ( at least one text field / value field exist / or first field )\n  if (meta) {\n    let tf = meta.textField ? original_fields.find((f) => f.name === meta.textField) : undefined;\n    let vf = meta.valueField ? original_fields.find((f) => f.name === meta.valueField) : undefined;\n    const textField = tf || vf || original_fields[0];\n    const valueField = vf || tf || original_fields[0];\n    const otherFields = original_fields.filter((f: Field) => f.name !== 'value' && f.name !== 'text');\n    return [{ ...textField, name: 'text' }, { ...valueField, name: 'value' }, ...otherFields];\n  }\n  // scenario 3 : If both  __text field & __value field found\n  let tf = original_fields.find((f) => f.name === '__text');\n  let vf = original_fields.find((f) => f.name === '__value');\n  if (tf && vf) {\n    const otherFields = original_fields.filter((f: Field) => f.name !== '__text' && f.name !== '__value');\n    return [\n      { ...tf, name: 'text', values: tf.values.map((v) => '' + v) },\n      { ...vf, name: 'value', values: vf.values.map((v) => '' + v) },\n      ...otherFields,\n    ];\n  }\n  // scenario 4 : fallback scenario / legacy scenario where return all fields into a single field.\n  let values: string[] = [];\n  for (const field of original_fields) {\n    for (const value of field.values) {\n      if (value !== null && value !== undefined) {\n        values.push('' + value);\n      }\n    }\n  }\n  values = uniq(values);\n  return [\n    { name: 'text', type: FieldType.string, config: {}, values },\n    { name: 'value', type: FieldType.string, config: {}, values },\n  ];\n};\n"],"names":["applyQueryDefaults","EditorMode","tf","vf","uniq","FieldType"],"mappings":"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"}

package/dist/cjs/components/ConfirmModal.cjs

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var css = require('@emotion/css');
+var react = require('react');
+var i18n = require('@grafana/i18n');
+var ui = require('@grafana/ui');
+
+"use strict";
+function ConfirmModal({ isOpen, onCancel, onDiscard, onCopy }) {
+  const buttonRef = react.useRef(null);
+  const styles = ui.useStyles2(getStyles);
+  react.useEffect(() => {
+    var _a;
+    if (isOpen) {
+      (_a = buttonRef.current) == null ? void 0 : _a.focus();
+    }
+  }, [isOpen]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.Modal,
+    {
+      title: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.modalHeaderTitle, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { name: "exclamation-triangle", size: "lg" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.titleText, children: /* @__PURE__ */ jsxRuntime.jsx(i18n.Trans, { i18nKey: "grafana-sql.components.confirm-modal.warning", children: "Warning" }) })
+      ] }),
+      ariaLabel: i18n.t("grafana-sql.components.confirm-modal.warning", "Warning"),
+      onDismiss: onCancel,
+      isOpen,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: /* @__PURE__ */ jsxRuntime.jsx(i18n.Trans, { i18nKey: "grafana-sql.components.confirm-modal.builder-mode", children: "Builder mode does not display changes made in code. The query builder will display the last changes you made in builder mode." }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: /* @__PURE__ */ jsxRuntime.jsx(i18n.Trans, { i18nKey: "grafana-sql.components.confirm-modal.clipboard", children: "Do you want to copy your code to the clipboard?" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Modal.ButtonRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "button", variant: "secondary", onClick: onCancel, fill: "outline", children: /* @__PURE__ */ jsxRuntime.jsx(i18n.Trans, { i18nKey: "grafana-sql.components.confirm-modal.cancel", children: "Cancel" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "destructive", type: "button", onClick: onDiscard, ref: buttonRef, children: /* @__PURE__ */ jsxRuntime.jsx(i18n.Trans, { i18nKey: "grafana-sql.components.confirm-modal.discard-code-and-switch", children: "Discard code and switch" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", onClick: onCopy, children: /* @__PURE__ */ jsxRuntime.jsx(i18n.Trans, { i18nKey: "grafana-sql.components.confirm-modal.copy-code-and-switch", children: "Copy code and switch" }) })
+        ] })
+      ]
+    }
+  );
+}
+const getStyles = (theme) => ({
+  titleText: css.css({
+    paddingLeft: theme.spacing(2)
+  }),
+  modalHeaderTitle: css.css({
+    fontSize: theme.typography.size.lg,
+    float: "left",
+    paddingTop: theme.spacing(1),
+    margin: theme.spacing(0, 2)
+  })
+});
+
+exports.ConfirmModal = ConfirmModal;
+//# sourceMappingURL=ConfirmModal.cjs.map

package/dist/cjs/components/ConfirmModal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmModal.cjs","sources":["../../../src/components/ConfirmModal.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { useRef, useEffect } from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { t, Trans } from '@grafana/i18n';\nimport { Button, Icon, Modal, useStyles2 } from '@grafana/ui';\n\ntype ConfirmModalProps = {\n  isOpen: boolean;\n  onCancel?: () => void;\n  onDiscard?: () => void;\n  onCopy?: () => void;\n};\nexport function ConfirmModal({ isOpen, onCancel, onDiscard, onCopy }: ConfirmModalProps) {\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const styles = useStyles2(getStyles);\n\n  // Moved from grafana/ui\n  useEffect(() => {\n    // for some reason autoFocus property did no work on this button, but this does\n    if (isOpen) {\n      buttonRef.current?.focus();\n    }\n  }, [isOpen]);\n\n  return (\n    <Modal\n      title={\n        <div className={styles.modalHeaderTitle}>\n          <Icon name=\"exclamation-triangle\" size=\"lg\" />\n          <span className={styles.titleText}>\n            <Trans i18nKey=\"grafana-sql.components.confirm-modal.warning\">Warning</Trans>\n          </span>\n        </div>\n      }\n      ariaLabel={t('grafana-sql.components.confirm-modal.warning', 'Warning')}\n      onDismiss={onCancel}\n      isOpen={isOpen}\n    >\n      <p>\n        <Trans i18nKey=\"grafana-sql.components.confirm-modal.builder-mode\">\n          Builder mode does not display changes made in code. The query builder will display the last changes you made\n          in builder mode.\n        </Trans>\n      </p>\n      <p>\n        <Trans i18nKey=\"grafana-sql.components.confirm-modal.clipboard\">\n          Do you want to copy your code to the clipboard?\n        </Trans>\n      </p>\n      <Modal.ButtonRow>\n        <Button type=\"button\" variant=\"secondary\" onClick={onCancel} fill=\"outline\">\n          <Trans i18nKey=\"grafana-sql.components.confirm-modal.cancel\">Cancel</Trans>\n        </Button>\n        <Button variant=\"destructive\" type=\"button\" onClick={onDiscard} ref={buttonRef}>\n          <Trans i18nKey=\"grafana-sql.components.confirm-modal.discard-code-and-switch\">Discard code and switch</Trans>\n        </Button>\n        <Button variant=\"primary\" onClick={onCopy}>\n          <Trans i18nKey=\"grafana-sql.components.confirm-modal.copy-code-and-switch\">Copy code and switch</Trans>\n        </Button>\n      </Modal.ButtonRow>\n    </Modal>\n  );\n}\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  titleText: css({\n    paddingLeft: theme.spacing(2),\n  }),\n  modalHeaderTitle: css({\n    fontSize: theme.typography.size.lg,\n    float: 'left',\n    paddingTop: theme.spacing(1),\n    margin: theme.spacing(0, 2),\n  }),\n});\n"],"names":["useRef","useStyles2","useEffect","jsxs","Modal","jsx","Icon","Trans","t","Button","css"],"mappings":"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"}

package/dist/cjs/components/DatasetSelector.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactUse = require('react-use');
+var i18n = require('@grafana/i18n');
+var ui = require('@grafana/ui');
+var types = require('../types.cjs');
+
+"use strict";
+const DatasetSelector = ({
+  dataset,
+  db,
+  dialect,
+  onChange,
+  inputId,
+  preconfiguredDataset
+}) => {
+  const hasPreconfigCondition = !!preconfiguredDataset || dialect === "postgres";
+  const state = reactUse.useAsync(async () => {
+    if (hasPreconfigCondition) {
+      onChange(types.toOption(preconfiguredDataset));
+      return [types.toOption(preconfiguredDataset)];
+    }
+    if (dataset) {
+      onChange(types.toOption(dataset));
+    }
+    const datasets = await db.datasets();
+    return datasets.map(types.toOption);
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Select,
+    {
+      "aria-label": i18n.t("grafana-sql.components.dataset-selector.aria-label-dataset-selector", "Dataset selector"),
+      inputId,
+      value: dataset,
+      options: state.value,
+      onChange,
+      disabled: state.loading,
+      isLoading: state.loading,
+      menuShouldPortal: true
+    }
+  );
+};
+
+exports.DatasetSelector = DatasetSelector;
+//# sourceMappingURL=DatasetSelector.cjs.map

package/dist/cjs/components/DatasetSelector.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatasetSelector.cjs","sources":["../../../src/components/DatasetSelector.tsx"],"sourcesContent":["import { useAsync } from 'react-use';\n\nimport { SelectableValue } from '@grafana/data';\nimport { t } from '@grafana/i18n';\nimport { Select } from '@grafana/ui';\n\nimport { DB, ResourceSelectorProps, SQLDialect, toOption } from '../types';\n\nexport interface DatasetSelectorProps extends ResourceSelectorProps {\n  db: DB;\n  dataset: string | undefined;\n  preconfiguredDataset: string;\n  dialect: SQLDialect;\n  onChange: (v: SelectableValue) => void;\n  inputId?: string | undefined;\n}\n\nexport const DatasetSelector = ({\n  dataset,\n  db,\n  dialect,\n  onChange,\n  inputId,\n  preconfiguredDataset,\n}: DatasetSelectorProps) => {\n  /*\n    The behavior of this component - for MSSQL and MySQL datasources - is based on whether the user chose to create a datasource\n    with or without a default database (preconfiguredDataset). If the user configured a default database, this selector\n    should only allow that single preconfigured database option to be selected. If the user chose to NOT assign/configure a default database,\n    then the user should be able to use this component to choose between multiple databases available to the datasource.\n  */\n  // `hasPreconfigCondition` is true if either 1) the sql datasource has a preconfigured default database,\n  // OR if 2) the datasource is Postgres. In either case the only option available to the user is the preconfigured database.\n  const hasPreconfigCondition = !!preconfiguredDataset || dialect === 'postgres';\n\n  const state = useAsync(async () => {\n    // If a default database is already configured for a MSSQL or MySQL data source, OR the data source is Postgres, no need to fetch other databases.\n    if (hasPreconfigCondition) {\n      // Set the current database to the preconfigured database.\n      onChange(toOption(preconfiguredDataset));\n      return [toOption(preconfiguredDataset)];\n    }\n\n    // If there is no preconfigured database, but there is a selected dataset, set the current database to the selected dataset.\n    if (dataset) {\n      onChange(toOption(dataset));\n    }\n\n    // Otherwise, fetch all databases available to the datasource.\n    const datasets = await db.datasets();\n    return datasets.map(toOption);\n  }, []);\n\n  return (\n    <Select\n      aria-label={t('grafana-sql.components.dataset-selector.aria-label-dataset-selector', 'Dataset selector')}\n      inputId={inputId}\n      value={dataset}\n      options={state.value}\n      onChange={onChange}\n      disabled={state.loading}\n      isLoading={state.loading}\n      menuShouldPortal={true}\n    />\n  );\n};\n"],"names":["useAsync","toOption","jsx","Select","t"],"mappings":";;;;;;;;;;;AAiBO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,OAAA;AAAA,EACA,EAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,KAA4B;AAS1B,EAAA,MAAM,qBAAA,GAAwB,CAAC,CAAC,oBAAA,IAAwB,OAAA,KAAY,UAAA;AAEpE,EAAA,MAAM,KAAA,GAAQA,kBAAS,YAAY;AAEjC,IAAA,IAAI,qBAAA,EAAuB;AAEzB,MAAA,QAAA,CAASC,cAAA,CAAS,oBAAoB,CAAC,CAAA;AACvC,MAAA,OAAO,CAACA,cAAA,CAAS,oBAAoB,CAAC,CAAA;AAAA,IACxC;AAGA,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,QAAA,CAASA,cAAA,CAAS,OAAO,CAAC,CAAA;AAAA,IAC5B;AAGA,IAAA,MAAM,QAAA,GAAW,MAAM,EAAA,CAAG,QAAA,EAAS;AACnC,IAAA,OAAO,QAAA,CAAS,IAAIA,cAAQ,CAAA;AAAA,EAC9B,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uBACEC,cAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAYC,MAAA,CAAE,qEAAA,EAAuE,kBAAkB,CAAA;AAAA,MACvG,OAAA;AAAA,MACA,KAAA,EAAO,OAAA;AAAA,MACP,SAAS,KAAA,CAAM,KAAA;AAAA,MACf,QAAA;AAAA,MACA,UAAU,KAAA,CAAM,OAAA;AAAA,MAChB,WAAW,KAAA,CAAM,OAAA;AAAA,MACjB,gBAAA,EAAkB;AAAA;AAAA,GACpB;AAEJ;;;;"}

package/dist/cjs/components/QueryEditor.cjs

@@ -0,0 +1,124 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var reactUse = require('react-use');
+var pluginUi = require('@grafana/plugin-ui');
+var ui = require('@grafana/ui');
+var defaults = require('../defaults.cjs');
+var sql_utils = require('../utils/sql.utils.cjs');
+var QueryHeader = require('./QueryHeader.cjs');
+var RawEditor = require('./query-editor-raw/RawEditor.cjs');
+var VisualEditor = require('./visual-query-builder/VisualEditor.cjs');
+
+"use strict";
+function SqlQueryEditor({
+  datasource,
+  query,
+  onChange,
+  onRunQuery,
+  range,
+  queryHeaderProps
+}) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const [isQueryRunnable, setIsQueryRunnable] = react.useState(true);
+  const db = datasource.getDB();
+  const { preconfiguredDatabase } = datasource;
+  const dialect = (_a = queryHeaderProps == null ? void 0 : queryHeaderProps.dialect) != null ? _a : "other";
+  const { loading, error } = reactUse.useAsync(async () => {
+    return () => {
+      if (datasource.getDB().init !== void 0) {
+        datasource.getDB().init();
+      }
+    };
+  }, [datasource]);
+  const queryWithDefaults = defaults.applyQueryDefaults(query);
+  const [queryRowFilter, setQueryRowFilter] = react.useState({
+    filter: !!((_b = queryWithDefaults.sql) == null ? void 0 : _b.whereString),
+    group: !!((_e = (_d = (_c = queryWithDefaults.sql) == null ? void 0 : _c.groupBy) == null ? void 0 : _d[0]) == null ? void 0 : _e.property.name),
+    order: !!((_g = (_f = queryWithDefaults.sql) == null ? void 0 : _f.orderBy) == null ? void 0 : _g.property.name),
+    preview: true
+  });
+  const [queryToValidate, setQueryToValidate] = react.useState(queryWithDefaults);
+  react.useEffect(() => {
+    return () => {
+      if (datasource.getDB().dispose !== void 0) {
+        datasource.getDB().dispose();
+      }
+    };
+  }, [datasource]);
+  const processQuery = react.useCallback(
+    (q) => {
+      if (isQueryValid(q) && onRunQuery) {
+        onRunQuery();
+      }
+    },
+    [onRunQuery]
+  );
+  const onQueryChange = (q, process = true) => {
+    var _a2, _b2;
+    setQueryToValidate(q);
+    onChange(q);
+    if (sql_utils.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) {
+      processQuery(q);
+    }
+  };
+  const onQueryHeaderChange = (q) => {
+    setQueryToValidate(q);
+    onChange(q);
+  };
+  if (loading || error) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      QueryHeader.QueryHeader,
+      {
+        db,
+        preconfiguredDataset: preconfiguredDatabase,
+        onChange: onQueryHeaderChange,
+        onRunQuery,
+        onQueryRowChange: setQueryRowFilter,
+        queryRowFilter,
+        query: queryWithDefaults,
+        isQueryRunnable,
+        hideFormatSelector: queryHeaderProps == null ? void 0 : queryHeaderProps.hideFormatSelector,
+        hideRunButton: queryHeaderProps == null ? void 0 : queryHeaderProps.hideRunButton,
+        dialect
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Space, { v: 0.5 }),
+    queryWithDefaults.editorMode !== pluginUi.EditorMode.Code && /* @__PURE__ */ jsxRuntime.jsx(
+      VisualEditor.VisualEditor,
+      {
+        db,
+        query: queryWithDefaults,
+        onChange: (q) => onQueryChange(q, false),
+        queryRowFilter,
+        onValidate: setIsQueryRunnable,
+        range
+      }
+    ),
+    queryWithDefaults.editorMode === pluginUi.EditorMode.Code && /* @__PURE__ */ jsxRuntime.jsx(
+      RawEditor.RawEditor,
+      {
+        db,
+        query: queryWithDefaults,
+        queryToValidate,
+        onChange: onQueryChange,
+        onRunQuery,
+        onValidate: setIsQueryRunnable,
+        range
+      }
+    )
+  ] });
+}
+const isQueryValid = (q) => {
+  return Boolean(q.rawSql);
+};
+
+module.exports = SqlQueryEditor;
+//# sourceMappingURL=QueryEditor.cjs.map

package/dist/cjs/components/QueryEditor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryEditor.cjs","sources":["../../../src/components/QueryEditor.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { useAsync } from 'react-use';\n\nimport { QueryEditorProps } from '@grafana/data';\nimport { EditorMode } from '@grafana/plugin-ui';\nimport { Space } from '@grafana/ui';\n\nimport { SqlDatasource } from '../datasource/SqlDatasource';\nimport { applyQueryDefaults } from '../defaults';\nimport { SQLQuery, QueryRowFilter, SQLOptions } from '../types';\nimport { haveColumns } from '../utils/sql.utils';\n\nimport { QueryHeader, QueryHeaderProps } from './QueryHeader';\nimport { RawEditor } from './query-editor-raw/RawEditor';\nimport { VisualEditor } from './visual-query-builder/VisualEditor';\n\nexport interface SqlQueryEditorProps extends QueryEditorProps<SqlDatasource, SQLQuery, SQLOptions> {\n  queryHeaderProps?: Pick<QueryHeaderProps, 'dialect' | 'hideRunButton' | 'hideFormatSelector'>;\n}\n\nexport default function SqlQueryEditor({\n  datasource,\n  query,\n  onChange,\n  onRunQuery,\n  range,\n  queryHeaderProps,\n}: SqlQueryEditorProps) {\n  const [isQueryRunnable, setIsQueryRunnable] = useState(true);\n  const db = datasource.getDB();\n\n  const { preconfiguredDatabase } = datasource;\n  const dialect = queryHeaderProps?.dialect ?? 'other';\n  const { loading, error } = useAsync(async () => {\n    return () => {\n      if (datasource.getDB().init !== undefined) {\n        datasource.getDB().init!();\n      }\n    };\n  }, [datasource]);\n\n  const queryWithDefaults = applyQueryDefaults(query);\n  const [queryRowFilter, setQueryRowFilter] = useState<QueryRowFilter>({\n    filter: !!queryWithDefaults.sql?.whereString,\n    group: !!queryWithDefaults.sql?.groupBy?.[0]?.property.name,\n    order: !!queryWithDefaults.sql?.orderBy?.property.name,\n    preview: true,\n  });\n  const [queryToValidate, setQueryToValidate] = useState(queryWithDefaults);\n\n  useEffect(() => {\n    return () => {\n      if (datasource.getDB().dispose !== undefined) {\n        datasource.getDB().dispose!();\n      }\n    };\n  }, [datasource]);\n\n  const processQuery = useCallback(\n    (q: SQLQuery) => {\n      if (isQueryValid(q) && onRunQuery) {\n        onRunQuery();\n      }\n    },\n    [onRunQuery]\n  );\n\n  const onQueryChange = (q: SQLQuery, process = true) => {\n    setQueryToValidate(q);\n    onChange(q);\n\n    if (haveColumns(q.sql?.columns) && q.sql?.columns.some((c) => c.name) && !queryRowFilter.group) {\n      setQueryRowFilter({ ...queryRowFilter, group: true });\n    }\n\n    if (process) {\n      processQuery(q);\n    }\n  };\n\n  const onQueryHeaderChange = (q: SQLQuery) => {\n    setQueryToValidate(q);\n    onChange(q);\n  };\n\n  if (loading || error) {\n    return null;\n  }\n\n  return (\n    <>\n      <QueryHeader\n        db={db}\n        preconfiguredDataset={preconfiguredDatabase}\n        onChange={onQueryHeaderChange}\n        onRunQuery={onRunQuery}\n        onQueryRowChange={setQueryRowFilter}\n        queryRowFilter={queryRowFilter}\n        query={queryWithDefaults}\n        isQueryRunnable={isQueryRunnable}\n        hideFormatSelector={queryHeaderProps?.hideFormatSelector}\n        hideRunButton={queryHeaderProps?.hideRunButton}\n        dialect={dialect}\n      />\n\n      <Space v={0.5} />\n\n      {queryWithDefaults.editorMode !== EditorMode.Code && (\n        <VisualEditor\n          db={db}\n          query={queryWithDefaults}\n          onChange={(q: SQLQuery) => onQueryChange(q, false)}\n          queryRowFilter={queryRowFilter}\n          onValidate={setIsQueryRunnable}\n          range={range}\n        />\n      )}\n\n      {queryWithDefaults.editorMode === EditorMode.Code && (\n        <RawEditor\n          db={db}\n          query={queryWithDefaults}\n          queryToValidate={queryToValidate}\n          onChange={onQueryChange}\n          onRunQuery={onRunQuery}\n          onValidate={setIsQueryRunnable}\n          range={range}\n        />\n      )}\n    </>\n  );\n}\n\nconst isQueryValid = (q: SQLQuery) => {\n  return Boolean(q.rawSql);\n};\n"],"names":["useState","useAsync","applyQueryDefaults","useEffect","useCallback","_a","_b","haveColumns","jsxs","Fragment","jsx","QueryHeader","Space","EditorMode","VisualEditor","RawEditor"],"mappings":"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"}

package/dist/cjs/components/QueryEditorLazy.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var css = require('@emotion/css');
+var react = require('react');
+var i18n = require('@grafana/i18n');
+var ui = require('@grafana/ui');
+
+function _interopNamespaceDefaultOnly (e) { return Object.freeze({ __proto__: null, default: e }); }
+
+"use strict";
+const QueryEditor = react.lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require(
+  /* webpackChunkName: "sql-query-editor" */
+  './QueryEditor.cjs'
+)); }));
+function SqlQueryEditorLazy(props) {
+  const styles = ui.useStyles2(getStyles);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.Suspense,
+    {
+      fallback: /* @__PURE__ */ jsxRuntime.jsx(
+        ui.LoadingPlaceholder,
+        {
+          text: i18n.t("grafana-sql.components.sql-query-editor-lazy.text-loading-editor", "Loading editor"),
+          className: styles.container
+        }
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(QueryEditor, { ...props })
+    }
+  );
+}
+const getStyles = (theme) => {
+  return {
+    container: css.css({
+      marginBottom: "unset",
+      marginLeft: theme.spacing(1)
+    })
+  };
+};
+
+exports.SqlQueryEditorLazy = SqlQueryEditorLazy;
+//# sourceMappingURL=QueryEditorLazy.cjs.map

package/dist/cjs/components/QueryEditorLazy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryEditorLazy.cjs","sources":["../../../src/components/QueryEditorLazy.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { lazy, Suspense } from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { t } from '@grafana/i18n';\nimport { LoadingPlaceholder, useStyles2 } from '@grafana/ui';\n\nimport type { SqlQueryEditorProps } from './QueryEditor';\nconst QueryEditor = lazy(() => import(/* webpackChunkName: \"sql-query-editor\" */ './QueryEditor'));\n\nexport function SqlQueryEditorLazy(props: SqlQueryEditorProps) {\n  const styles = useStyles2(getStyles);\n\n  return (\n    <Suspense\n      fallback={\n        <LoadingPlaceholder\n          text={t('grafana-sql.components.sql-query-editor-lazy.text-loading-editor', 'Loading editor')}\n          className={styles.container}\n        />\n      }\n    >\n      <QueryEditor {...props} />\n    </Suspense>\n  );\n}\n\nconst getStyles = (theme: GrafanaTheme2) => {\n  return {\n    container: css({\n      marginBottom: 'unset',\n      marginLeft: theme.spacing(1),\n    }),\n  };\n};\n"],"names":["lazy","useStyles2","jsx","Suspense","LoadingPlaceholder","t","css"],"mappings":";;;;;;;;;;;;;AAQA,MAAM,WAAA,GAAcA,WAAK,MAAM;AAAA;AAAA,EAAkD;AAAe,MAAC,CAAA;AAE1F,SAAS,mBAAmB,KAAA,EAA4B;AAC7D,EAAA,MAAM,MAAA,GAASC,cAAW,SAAS,CAAA;AAEnC,EAAA,uBACEC,cAAA;AAAA,IAACC,cAAA;AAAA,IAAA;AAAA,MACC,QAAA,kBACED,cAAA;AAAA,QAACE,qBAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAMC,MAAA,CAAE,kEAAA,EAAoE,gBAAgB,CAAA;AAAA,UAC5F,WAAW,MAAA,CAAO;AAAA;AAAA,OACpB;AAAA,MAGF,QAAA,kBAAAH,cAAA,CAAC,WAAA,EAAA,EAAa,GAAG,KAAA,EAAO;AAAA;AAAA,GAC1B;AAEJ;AAEA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAyB;AAC1C,EAAA,OAAO;AAAA,IACL,WAAWI,OAAA,CAAI;AAAA,MACb,YAAA,EAAc,OAAA;AAAA,MACd,UAAA,EAAY,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA,KAC5B;AAAA,GACH;AACF,CAAA;;;;"}