@grafana/sql 0.0.0 → 13.0.0-23483592685

package/dist/cjs/components/visual-query-builder/SelectRow.cjs

@@ -0,0 +1,184 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var css = require('@emotion/css');
+var lodash = require('lodash');
+var react = require('react');
+var data = require('@grafana/data');
+var e2eSelectors = require('@grafana/e2e-selectors');
+var i18n = require('@grafana/i18n');
+var pluginUi = require('@grafana/plugin-ui');
+var ui = require('@grafana/ui');
+var expressions = require('../../expressions.cjs');
+var types = require('../../types.cjs');
+var sql_utils = require('../../utils/sql.utils.cjs');
+var useSqlChange = require('../../utils/useSqlChange.cjs');
+var SelectFunctionParameters = require('./SelectFunctionParameters.cjs');
+
+"use strict";
+function SelectRow({ query, onQueryChange, db, columns }) {
+  var _a, _b;
+  const styles = ui.useStyles2(getStyles);
+  const { onSqlChange } = useSqlChange.useSqlChange({ query, onQueryChange, db });
+  const timeSeriesAliasOpts = [];
+  if (query.format === types.QueryFormat.Timeseries) {
+    timeSeriesAliasOpts.push({ label: i18n.t("grafana-sql.components.select-row.label.time", "time"), value: "time" });
+    timeSeriesAliasOpts.push({ label: i18n.t("grafana-sql.components.select-row.label.value", "value"), value: "value" });
+  }
+  const onAggregationChange = react.useCallback(
+    (item, index) => (aggregation) => {
+      var _a2, _b2, _c, _d;
+      const newItem = {
+        ...item,
+        name: aggregation == null ? void 0 : aggregation.value,
+        parameters: [
+          { type: expressions.QueryEditorExpressionType.FunctionParameter, name: ((_b2 = (_a2 = item.parameters) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.name) || "" }
+        ]
+      };
+      const newSql = {
+        ...query.sql,
+        columns: (_d = (_c = query.sql) == null ? void 0 : _c.columns) == null ? void 0 : _d.map((c, i) => i === index ? newItem : c)
+      };
+      onSqlChange(newSql);
+    },
+    [onSqlChange, query.sql]
+  );
+  const onAliasChange = react.useCallback(
+    (item, index) => (alias) => {
+      var _a2, _b2, _c;
+      let newItem = { ...item };
+      if (alias !== null) {
+        newItem = { ...item, alias: `"${(_a2 = alias == null ? void 0 : alias.value) == null ? void 0 : _a2.trim()}"` };
+      } else {
+        delete newItem.alias;
+      }
+      const newSql = {
+        ...query.sql,
+        columns: (_c = (_b2 = query.sql) == null ? void 0 : _b2.columns) == null ? void 0 : _c.map((c, i) => i === index ? newItem : c)
+      };
+      onSqlChange(newSql);
+    },
+    [onSqlChange, query.sql]
+  );
+  const removeColumn = react.useCallback(
+    (index) => () => {
+      var _a2;
+      const clone = [...((_a2 = query.sql) == null ? void 0 : _a2.columns) || []];
+      clone.splice(index, 1);
+      const newSql = {
+        ...query.sql,
+        columns: clone
+      };
+      onSqlChange(newSql);
+    },
+    [onSqlChange, query.sql]
+  );
+  const addColumn = react.useCallback(() => {
+    var _a2;
+    const newSql = { ...query.sql, columns: [...((_a2 = query.sql) == null ? void 0 : _a2.columns) || [], sql_utils.createFunctionField()] };
+    onSqlChange(newSql);
+  }, [onSqlChange, query.sql]);
+  const aggregateOptions = () => {
+    const options = [
+      {
+        label: i18n.t("grafana-sql.components.select-row.aggregate-options.options.label.aggregations", "Aggregations"),
+        options: []
+      },
+      { label: i18n.t("grafana-sql.components.select-row.aggregate-options.options.label.macros", "Macros"), options: [] }
+    ];
+    for (const func of db.functions()) {
+      if (func.name.startsWith("$__")) {
+        options[1].options.push({ label: func.name, value: func.name });
+      } else {
+        options[0].options.push({ label: func.name, value: func.name });
+      }
+    }
+    return options;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { gap: 2, wrap: "wrap", direction: "column", children: [
+    (_b = (_a = query.sql) == null ? void 0 : _a.columns) == null ? void 0 : _b.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { gap: 2, alignItems: "end", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        pluginUi.EditorField,
+        {
+          label: i18n.t("grafana-sql.components.select-row.label-data-operations", "Data operations"),
+          optional: true,
+          width: 25,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Select,
+            {
+              value: item.name ? data.toOption(item.name) : null,
+              inputId: `select-aggregation-${index}-${lodash.uniqueId()}`,
+              "data-testid": e2eSelectors.selectors.components.SQLQueryEditor.selectAggregation,
+              isClearable: true,
+              menuShouldPortal: true,
+              allowCustomValue: true,
+              options: aggregateOptions(),
+              onChange: onAggregationChange(item, index)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        SelectFunctionParameters.SelectFunctionParameters,
+        {
+          currentColumnIndex: index,
+          columns,
+          onSqlChange,
+          query,
+          db
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(pluginUi.EditorField, { label: i18n.t("grafana-sql.components.select-row.label-alias", "Alias"), optional: true, width: 15, children: /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Select,
+        {
+          value: item.alias ? data.toOption(item.alias) : null,
+          inputId: `select-alias-${index}-${lodash.uniqueId()}`,
+          "data-testid": e2eSelectors.selectors.components.SQLQueryEditor.selectAlias,
+          options: timeSeriesAliasOpts,
+          onChange: onAliasChange(item, index),
+          isClearable: true,
+          menuShouldPortal: true,
+          allowCustomValue: true
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          "aria-label": i18n.t("grafana-sql.components.select-row.title-remove-column", "Remove column"),
+          type: "button",
+          icon: "trash-alt",
+          variant: "secondary",
+          size: "md",
+          onClick: removeColumn(index)
+        }
+      )
+    ] }) }, index)),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Button,
+      {
+        type: "button",
+        onClick: addColumn,
+        variant: "secondary",
+        "aria-label": i18n.t("grafana-sql.components.select-row.title-add-column", "Add column"),
+        size: "md",
+        icon: "plus",
+        className: styles.addButton
+      }
+    )
+  ] });
+}
+const getStyles = () => {
+  return {
+    addButton: css.css({ alignSelf: "flex-start" }),
+    label: css.css({
+      padding: 0,
+      margin: 0,
+      width: "unset"
+    })
+  };
+};
+
+exports.SelectRow = SelectRow;
+//# sourceMappingURL=SelectRow.cjs.map

package/dist/cjs/components/visual-query-builder/SelectRow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectRow.cjs","sources":["../../../../src/components/visual-query-builder/SelectRow.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { uniqueId } from 'lodash';\nimport { useCallback } from 'react';\n\nimport { SelectableValue, toOption } from '@grafana/data';\nimport { selectors } from '@grafana/e2e-selectors';\nimport { t } from '@grafana/i18n';\nimport { EditorField } from '@grafana/plugin-ui';\nimport { Button, Select, Stack, useStyles2 } from '@grafana/ui';\n\nimport { QueryEditorExpressionType, QueryEditorFunctionExpression } from '../../expressions';\nimport { DB, QueryFormat, SQLExpression, SQLQuery } from '../../types';\nimport { createFunctionField } from '../../utils/sql.utils';\nimport { useSqlChange } from '../../utils/useSqlChange';\n\nimport { SelectFunctionParameters } from './SelectFunctionParameters';\n\ninterface SelectRowProps {\n  query: SQLQuery;\n  onQueryChange: (sql: SQLQuery) => void;\n  db: DB;\n  columns: Array<SelectableValue<string>>;\n}\n\nexport function SelectRow({ query, onQueryChange, db, columns }: SelectRowProps) {\n  const styles = useStyles2(getStyles);\n  const { onSqlChange } = useSqlChange({ query, onQueryChange, db });\n  const timeSeriesAliasOpts: Array<SelectableValue<string>> = [];\n\n  // Add necessary alias options for time series format\n  // when that format has been selected\n  if (query.format === QueryFormat.Timeseries) {\n    timeSeriesAliasOpts.push({ label: t('grafana-sql.components.select-row.label.time', 'time'), value: 'time' });\n    timeSeriesAliasOpts.push({ label: t('grafana-sql.components.select-row.label.value', 'value'), value: 'value' });\n  }\n\n  const onAggregationChange = useCallback(\n    (item: QueryEditorFunctionExpression, index: number) => (aggregation: SelectableValue<string>) => {\n      const newItem = {\n        ...item,\n        name: aggregation?.value,\n        parameters: [\n          { type: QueryEditorExpressionType.FunctionParameter as const, name: item.parameters?.[0]?.name || '' },\n        ],\n      };\n      const newSql: SQLExpression = {\n        ...query.sql,\n        columns: query.sql?.columns?.map((c, i) => (i === index ? newItem : c)),\n      };\n\n      onSqlChange(newSql);\n    },\n    [onSqlChange, query.sql]\n  );\n\n  const onAliasChange = useCallback(\n    (item: QueryEditorFunctionExpression, index: number) => (alias: SelectableValue<string>) => {\n      let newItem = { ...item };\n\n      if (alias !== null) {\n        newItem = { ...item, alias: `\"${alias?.value?.trim()}\"` };\n      } else {\n        delete newItem.alias;\n      }\n\n      const newSql: SQLExpression = {\n        ...query.sql,\n        columns: query.sql?.columns?.map((c, i) => (i === index ? newItem : c)),\n      };\n\n      onSqlChange(newSql);\n    },\n    [onSqlChange, query.sql]\n  );\n\n  const removeColumn = useCallback(\n    (index: number) => () => {\n      const clone = [...(query.sql?.columns || [])];\n      clone.splice(index, 1);\n      const newSql: SQLExpression = {\n        ...query.sql,\n        columns: clone,\n      };\n      onSqlChange(newSql);\n    },\n    [onSqlChange, query.sql]\n  );\n\n  const addColumn = useCallback(() => {\n    const newSql: SQLExpression = { ...query.sql, columns: [...(query.sql?.columns || []), createFunctionField()] };\n    onSqlChange(newSql);\n  }, [onSqlChange, query.sql]);\n\n  const aggregateOptions = () => {\n    const options: Array<SelectableValue<string>> = [\n      {\n        label: t('grafana-sql.components.select-row.aggregate-options.options.label.aggregations', 'Aggregations'),\n        options: [],\n      },\n      { label: t('grafana-sql.components.select-row.aggregate-options.options.label.macros', 'Macros'), options: [] },\n    ];\n    for (const func of db.functions()) {\n      // Create groups for macros\n      if (func.name.startsWith('$__')) {\n        options[1].options.push({ label: func.name, value: func.name });\n      } else {\n        options[0].options.push({ label: func.name, value: func.name });\n      }\n    }\n    return options;\n  };\n\n  return (\n    <Stack gap={2} wrap=\"wrap\" direction=\"column\">\n      {query.sql?.columns?.map((item, index) => (\n        <div key={index}>\n          <Stack gap={2} alignItems=\"end\">\n            <EditorField\n              label={t('grafana-sql.components.select-row.label-data-operations', 'Data operations')}\n              optional\n              width={25}\n            >\n              <Select\n                value={item.name ? toOption(item.name) : null}\n                inputId={`select-aggregation-${index}-${uniqueId()}`}\n                data-testid={selectors.components.SQLQueryEditor.selectAggregation}\n                isClearable\n                menuShouldPortal\n                allowCustomValue\n                options={aggregateOptions()}\n                onChange={onAggregationChange(item, index)}\n              />\n            </EditorField>\n\n            <SelectFunctionParameters\n              currentColumnIndex={index}\n              columns={columns}\n              onSqlChange={onSqlChange}\n              query={query}\n              db={db}\n            />\n\n            <EditorField label={t('grafana-sql.components.select-row.label-alias', 'Alias')} optional width={15}>\n              <Select\n                value={item.alias ? toOption(item.alias) : null}\n                inputId={`select-alias-${index}-${uniqueId()}`}\n                data-testid={selectors.components.SQLQueryEditor.selectAlias}\n                options={timeSeriesAliasOpts}\n                onChange={onAliasChange(item, index)}\n                isClearable\n                menuShouldPortal\n                allowCustomValue\n              />\n            </EditorField>\n            <Button\n              aria-label={t('grafana-sql.components.select-row.title-remove-column', 'Remove column')}\n              type=\"button\"\n              icon=\"trash-alt\"\n              variant=\"secondary\"\n              size=\"md\"\n              onClick={removeColumn(index)}\n            />\n          </Stack>\n        </div>\n      ))}\n      <Button\n        type=\"button\"\n        onClick={addColumn}\n        variant=\"secondary\"\n        aria-label={t('grafana-sql.components.select-row.title-add-column', 'Add column')}\n        size=\"md\"\n        icon=\"plus\"\n        className={styles.addButton}\n      />\n    </Stack>\n  );\n}\n\nconst getStyles = () => {\n  return {\n    addButton: css({ alignSelf: 'flex-start' }),\n    label: css({\n      padding: 0,\n      margin: 0,\n      width: 'unset',\n    }),\n  };\n};\n"],"names":["useStyles2","useSqlChange","QueryFormat","t","useCallback","_a","_b","QueryEditorExpressionType","createFunctionField","Stack","jsx","jsxs","EditorField","Select","toOption","uniqueId","selectors","SelectFunctionParameters","Button","css"],"mappings":"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"}

package/dist/cjs/components/visual-query-builder/VisualEditor.cjs

@@ -0,0 +1,43 @@
+'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 pluginUi = require('@grafana/plugin-ui');
+var QueryToolbox = require('../query-editor-raw/QueryToolbox.cjs');
+var Preview = require('./Preview.cjs');
+var SQLGroupByRow = require('./SQLGroupByRow.cjs');
+var SQLOrderByRow = require('./SQLOrderByRow.cjs');
+var SQLWhereRow = require('./SQLWhereRow.cjs');
+var SelectRow = require('./SelectRow.cjs');
+
+"use strict";
+const VisualEditor = ({ query, db, queryRowFilter, onChange, onValidate, range }) => {
+  var _a;
+  const state = reactUse.useAsync(async () => {
+    const fields = await db.fields(query);
+    return fields;
+  }, [db, query.dataset, query.table]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(pluginUi.EditorRows, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(pluginUi.EditorRow, { children: /* @__PURE__ */ jsxRuntime.jsx(SelectRow.SelectRow, { columns: state.value || [], query, onQueryChange: onChange, db }) }),
+      queryRowFilter.filter && /* @__PURE__ */ jsxRuntime.jsx(pluginUi.EditorRow, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        pluginUi.EditorField,
+        {
+          label: i18n.t("grafana-sql.components.visual-editor.label-filter-by-column-value", "Filter by column value"),
+          optional: true,
+          children: /* @__PURE__ */ jsxRuntime.jsx(SQLWhereRow.SQLWhereRow, { fields: state.value || [], query, onQueryChange: onChange, db })
+        }
+      ) }),
+      queryRowFilter.group && /* @__PURE__ */ jsxRuntime.jsx(pluginUi.EditorRow, { children: /* @__PURE__ */ jsxRuntime.jsx(pluginUi.EditorField, { label: i18n.t("grafana-sql.components.visual-editor.label-group-by-column", "Group by column"), children: /* @__PURE__ */ jsxRuntime.jsx(SQLGroupByRow.SQLGroupByRow, { fields: state.value || [], query, onQueryChange: onChange, db }) }) }),
+      queryRowFilter.order && /* @__PURE__ */ jsxRuntime.jsx(pluginUi.EditorRow, { children: /* @__PURE__ */ jsxRuntime.jsx(SQLOrderByRow.SQLOrderByRow, { fields: state.value || [], query, onQueryChange: onChange, db }) }),
+      queryRowFilter.preview && query.rawSql && /* @__PURE__ */ jsxRuntime.jsx(pluginUi.EditorRow, { children: /* @__PURE__ */ jsxRuntime.jsx(Preview.Preview, { rawSql: query.rawSql, datasourceType: (_a = query.datasource) == null ? void 0 : _a.type }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(QueryToolbox.QueryToolbox, { db, query, onValidate, range })
+  ] });
+};
+
+exports.VisualEditor = VisualEditor;
+//# sourceMappingURL=VisualEditor.cjs.map

package/dist/cjs/components/visual-query-builder/VisualEditor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisualEditor.cjs","sources":["../../../../src/components/visual-query-builder/VisualEditor.tsx"],"sourcesContent":["import { useAsync } from 'react-use';\n\nimport { t } from '@grafana/i18n';\nimport { EditorRows, EditorRow, EditorField } from '@grafana/plugin-ui';\n\nimport { DB, QueryEditorProps, QueryRowFilter } from '../../types';\nimport { QueryToolbox } from '../query-editor-raw/QueryToolbox';\n\nimport { Preview } from './Preview';\nimport { SQLGroupByRow } from './SQLGroupByRow';\nimport { SQLOrderByRow } from './SQLOrderByRow';\nimport { SQLWhereRow } from './SQLWhereRow';\nimport { SelectRow } from './SelectRow';\n\ninterface VisualEditorProps extends QueryEditorProps {\n  db: DB;\n  queryRowFilter: QueryRowFilter;\n  onValidate: (isValid: boolean) => void;\n}\n\nexport const VisualEditor = ({ query, db, queryRowFilter, onChange, onValidate, range }: VisualEditorProps) => {\n  const state = useAsync(async () => {\n    const fields = await db.fields(query);\n    return fields;\n  }, [db, query.dataset, query.table]);\n\n  return (\n    <>\n      <EditorRows>\n        <EditorRow>\n          <SelectRow columns={state.value || []} query={query} onQueryChange={onChange} db={db} />\n        </EditorRow>\n        {queryRowFilter.filter && (\n          <EditorRow>\n            <EditorField\n              label={t('grafana-sql.components.visual-editor.label-filter-by-column-value', 'Filter by column value')}\n              optional\n            >\n              <SQLWhereRow fields={state.value || []} query={query} onQueryChange={onChange} db={db} />\n            </EditorField>\n          </EditorRow>\n        )}\n        {queryRowFilter.group && (\n          <EditorRow>\n            <EditorField label={t('grafana-sql.components.visual-editor.label-group-by-column', 'Group by column')}>\n              <SQLGroupByRow fields={state.value || []} query={query} onQueryChange={onChange} db={db} />\n            </EditorField>\n          </EditorRow>\n        )}\n        {queryRowFilter.order && (\n          <EditorRow>\n            <SQLOrderByRow fields={state.value || []} query={query} onQueryChange={onChange} db={db} />\n          </EditorRow>\n        )}\n        {queryRowFilter.preview && query.rawSql && (\n          <EditorRow>\n            <Preview rawSql={query.rawSql} datasourceType={query.datasource?.type} />\n          </EditorRow>\n        )}\n      </EditorRows>\n      <QueryToolbox db={db} query={query} onValidate={onValidate} range={range} />\n    </>\n  );\n};\n"],"names":["useAsync","jsxs","Fragment","EditorRows","jsx","EditorRow","SelectRow","EditorField","t","SQLWhereRow","SQLGroupByRow","SQLOrderByRow","Preview","QueryToolbox"],"mappings":";;;;;;;;;;;;;;;;AAoBO,MAAM,YAAA,GAAe,CAAC,EAAE,KAAA,EAAO,IAAI,cAAA,EAAgB,QAAA,EAAU,UAAA,EAAY,KAAA,EAAM,KAAyB;AApB/G,EAAA,IAAA,EAAA;AAqBE,EAAA,MAAM,KAAA,GAAQA,kBAAS,YAAY;AACjC,IAAA,MAAM,MAAA,GAAS,MAAM,EAAA,CAAG,MAAA,CAAO,KAAK,CAAA;AACpC,IAAA,OAAO,MAAA;AAAA,EACT,GAAG,CAAC,EAAA,EAAI,MAAM,OAAA,EAAS,KAAA,CAAM,KAAK,CAAC,CAAA;AAEnC,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAACE,mBAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACC,kBAAA,EAAA,EACC,QAAA,kBAAAD,cAAA,CAACE,mBAAA,EAAA,EAAU,OAAA,EAAS,KAAA,CAAM,KAAA,IAAS,EAAC,EAAG,KAAA,EAAc,aAAA,EAAe,QAAA,EAAU,EAAA,EAAQ,CAAA,EACxF,CAAA;AAAA,MACC,cAAA,CAAe,MAAA,oBACdF,cAAA,CAACC,kBAAA,EAAA,EACC,QAAA,kBAAAD,cAAA;AAAA,QAACG,oBAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAOC,MAAA,CAAE,mEAAA,EAAqE,wBAAwB,CAAA;AAAA,UACtG,QAAA,EAAQ,IAAA;AAAA,UAER,QAAA,kBAAAJ,cAAA,CAACK,uBAAA,EAAA,EAAY,MAAA,EAAQ,KAAA,CAAM,KAAA,IAAS,EAAC,EAAG,KAAA,EAAc,aAAA,EAAe,QAAA,EAAU,EAAA,EAAQ;AAAA;AAAA,OACzF,EACF,CAAA;AAAA,MAED,cAAA,CAAe,yBACdL,cAAA,CAACC,kBAAA,EAAA,EACC,yCAACE,oBAAA,EAAA,EAAY,KAAA,EAAOC,MAAA,CAAE,4DAAA,EAA8D,iBAAiB,CAAA,EACnG,yCAACE,2BAAA,EAAA,EAAc,MAAA,EAAQ,KAAA,CAAM,KAAA,IAAS,EAAC,EAAG,OAAc,aAAA,EAAe,QAAA,EAAU,EAAA,EAAQ,CAAA,EAC3F,CAAA,EACF,CAAA;AAAA,MAED,cAAA,CAAe,KAAA,oBACdN,cAAA,CAACC,kBAAA,EAAA,EACC,yCAACM,2BAAA,EAAA,EAAc,MAAA,EAAQ,KAAA,CAAM,KAAA,IAAS,EAAC,EAAG,KAAA,EAAc,aAAA,EAAe,QAAA,EAAU,IAAQ,CAAA,EAC3F,CAAA;AAAA,MAED,eAAe,OAAA,IAAW,KAAA,CAAM,MAAA,oBAC/BP,cAAA,CAACC,sBACC,QAAA,kBAAAD,cAAA,CAACQ,eAAA,EAAA,EAAQ,MAAA,EAAQ,KAAA,CAAM,QAAQ,cAAA,EAAA,CAAgB,EAAA,GAAA,KAAA,CAAM,UAAA,KAAN,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAkB,MAAM,CAAA,EACzE;AAAA,KAAA,EAEJ,CAAA;AAAA,oBACAR,cAAA,CAACS,yBAAA,EAAA,EAAa,EAAA,EAAQ,KAAA,EAAc,YAAwB,KAAA,EAAc;AAAA,GAAA,EAC5E,CAAA;AAEJ;;;;"}

package/dist/cjs/components/visual-query-builder/WhereRow.cjs

@@ -0,0 +1,84 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var css = require('@emotion/css');
+var ui = require('@react-awesome-query-builder/ui');
+var react = require('react');
+var AwesomeQueryBuilder = require('./AwesomeQueryBuilder.cjs');
+
+"use strict";
+function WhereRow({ sql, config, onSqlChange }) {
+  const [tree, setTree] = react.useState();
+  const configWithDefaults = react.useMemo(() => ({ ...AwesomeQueryBuilder.raqbConfig, ...config }), [config]);
+  react.useEffect(() => {
+    var _a;
+    if (!tree) {
+      const initTree = ui.Utils.checkTree(ui.Utils.loadTree((_a = sql.whereJsonTree) != null ? _a : AwesomeQueryBuilder.emptyInitTree), configWithDefaults);
+      setTree(initTree);
+    }
+  }, [configWithDefaults, sql.whereJsonTree, tree]);
+  react.useEffect(() => {
+    if (!sql.whereJsonTree) {
+      setTree(ui.Utils.checkTree(ui.Utils.loadTree(AwesomeQueryBuilder.emptyInitTree), configWithDefaults));
+    }
+  }, [configWithDefaults, sql.whereJsonTree]);
+  const onTreeChange = react.useCallback(
+    (changedTree, config2) => {
+      setTree(changedTree);
+      const newSql = {
+        ...sql,
+        whereJsonTree: ui.Utils.getTree(changedTree),
+        whereString: ui.Utils.sqlFormat(changedTree, config2)
+      };
+      onSqlChange(newSql);
+    },
+    [onSqlChange, sql]
+  );
+  if (!tree) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Query,
+    {
+      ...configWithDefaults,
+      value: tree,
+      onChange: onTreeChange,
+      renderBuilder: (props) => /* @__PURE__ */ jsxRuntime.jsx(ui.Builder, { ...props })
+    }
+  );
+}
+function flex(direction) {
+  return `
+    display: flex;
+    gap: 8px;
+    flex-direction: ${direction};`;
+}
+css.injectGlobal`
+  .group--header {
+    ${flex("row")}
+  }
+
+  .group-or-rule {
+    ${flex("column")}
+    .rule {
+      flex-direction: row;
+    }
+  }
+
+  .rule--body {
+    ${flex("row")}
+  }
+
+  .group--children {
+    ${flex("column")}
+  }
+
+  .group--conjunctions:empty {
+    display: none;
+  }
+`;
+
+exports.WhereRow = WhereRow;
+//# sourceMappingURL=WhereRow.cjs.map

package/dist/cjs/components/visual-query-builder/WhereRow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WhereRow.cjs","sources":["../../../../src/components/visual-query-builder/WhereRow.tsx"],"sourcesContent":["import { injectGlobal } from '@emotion/css';\nimport { Builder, Config, ImmutableTree, Query, Utils } from '@react-awesome-query-builder/ui';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { SQLExpression } from '../../types';\n\nimport { emptyInitTree, raqbConfig } from './AwesomeQueryBuilder';\n\ninterface SQLBuilderWhereRowProps {\n  sql: SQLExpression;\n  onSqlChange: (sql: SQLExpression) => void;\n  config?: Partial<Config>;\n}\n\nexport function WhereRow({ sql, config, onSqlChange }: SQLBuilderWhereRowProps) {\n  const [tree, setTree] = useState<ImmutableTree>();\n  const configWithDefaults = useMemo(() => ({ ...raqbConfig, ...config }), [config]);\n\n  useEffect(() => {\n    // Set the initial tree\n    if (!tree) {\n      const initTree = Utils.checkTree(Utils.loadTree(sql.whereJsonTree ?? emptyInitTree), configWithDefaults);\n      setTree(initTree);\n    }\n  }, [configWithDefaults, sql.whereJsonTree, tree]);\n\n  useEffect(() => {\n    if (!sql.whereJsonTree) {\n      setTree(Utils.checkTree(Utils.loadTree(emptyInitTree), configWithDefaults));\n    }\n  }, [configWithDefaults, sql.whereJsonTree]);\n\n  const onTreeChange = useCallback(\n    (changedTree: ImmutableTree, config: Config) => {\n      setTree(changedTree);\n      const newSql = {\n        ...sql,\n        whereJsonTree: Utils.getTree(changedTree),\n        whereString: Utils.sqlFormat(changedTree, config),\n      };\n\n      onSqlChange(newSql);\n    },\n    [onSqlChange, sql]\n  );\n\n  if (!tree) {\n    return null;\n  }\n\n  return (\n    <Query\n      {...configWithDefaults}\n      value={tree}\n      onChange={onTreeChange}\n      renderBuilder={(props) => <Builder {...props} />}\n    />\n  );\n}\n\nfunction flex(direction: string) {\n  return `\n    display: flex;\n    gap: 8px;\n    flex-direction: ${direction};`;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-expressions\ninjectGlobal`\n  .group--header {\n    ${flex('row')}\n  }\n\n  .group-or-rule {\n    ${flex('column')}\n    .rule {\n      flex-direction: row;\n    }\n  }\n\n  .rule--body {\n    ${flex('row')}\n  }\n\n  .group--children {\n    ${flex('column')}\n  }\n\n  .group--conjunctions:empty {\n    display: none;\n  }\n`;\n"],"names":["useState","useMemo","raqbConfig","useEffect","Utils","emptyInitTree","useCallback","config","jsx","Query","Builder","injectGlobal"],"mappings":";;;;;;;;;;;AAcO,SAAS,QAAA,CAAS,EAAE,GAAA,EAAK,MAAA,EAAQ,aAAY,EAA4B;AAC9E,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIA,cAAA,EAAwB;AAChD,EAAA,MAAM,kBAAA,GAAqBC,aAAA,CAAQ,OAAO,EAAE,GAAGC,8BAAA,EAAY,GAAG,MAAA,EAAO,CAAA,EAAI,CAAC,MAAM,CAAC,CAAA;AAEjF,EAAAC,eAAA,CAAU,MAAM;AAlBlB,IAAA,IAAA,EAAA;AAoBI,IAAA,IAAI,CAAC,IAAA,EAAM;AACT,MAAA,MAAM,QAAA,GAAWC,QAAA,CAAM,SAAA,CAAUA,QAAA,CAAM,QAAA,CAAA,CAAS,SAAI,aAAA,KAAJ,IAAA,GAAA,EAAA,GAAqBC,iCAAa,CAAA,EAAG,kBAAkB,CAAA;AACvG,MAAA,OAAA,CAAQ,QAAQ,CAAA;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,kBAAA,EAAoB,GAAA,CAAI,aAAA,EAAe,IAAI,CAAC,CAAA;AAEhD,EAAAF,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAI,aAAA,EAAe;AACtB,MAAA,OAAA,CAAQC,SAAM,SAAA,CAAUA,QAAA,CAAM,SAASC,iCAAa,CAAA,EAAG,kBAAkB,CAAC,CAAA;AAAA,IAC5E;AAAA,EACF,CAAA,EAAG,CAAC,kBAAA,EAAoB,GAAA,CAAI,aAAa,CAAC,CAAA;AAE1C,EAAA,MAAM,YAAA,GAAeC,iBAAA;AAAA,IACnB,CAAC,aAA4BC,OAAAA,KAAmB;AAC9C,MAAA,OAAA,CAAQ,WAAW,CAAA;AACnB,MAAA,MAAM,MAAA,GAAS;AAAA,QACb,GAAG,GAAA;AAAA,QACH,aAAA,EAAeH,QAAA,CAAM,OAAA,CAAQ,WAAW,CAAA;AAAA,QACxC,WAAA,EAAaA,QAAA,CAAM,SAAA,CAAU,WAAA,EAAaG,OAAM;AAAA,OAClD;AAEA,MAAA,WAAA,CAAY,MAAM,CAAA;AAAA,IACpB,CAAA;AAAA,IACA,CAAC,aAAa,GAAG;AAAA,GACnB;AAEA,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACEC,cAAA;AAAA,IAACC,QAAA;AAAA,IAAA;AAAA,MACE,GAAG,kBAAA;AAAA,MACJ,KAAA,EAAO,IAAA;AAAA,MACP,QAAA,EAAU,YAAA;AAAA,MACV,eAAe,CAAC,KAAA,qBAAUD,cAAA,CAACE,UAAA,EAAA,EAAS,GAAG,KAAA,EAAO;AAAA;AAAA,GAChD;AAEJ;AAEA,SAAS,KAAK,SAAA,EAAmB;AAC/B,EAAA,OAAO;AAAA;AAAA;AAAA,oBAAA,EAGa,SAAS,CAAA,CAAA,CAAA;AAC/B;AAGAC,gBAAA;AAAA;AAAA,IAAA,EAEM,IAAA,CAAK,KAAK,CAAC;AAAA;;AAAA;AAAA,IAAA,EAIX,IAAA,CAAK,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA,IAAA,EAOd,IAAA,CAAK,KAAK,CAAC;AAAA;;AAAA;AAAA,IAAA,EAIX,IAAA,CAAK,QAAQ,CAAC;AAAA;;AAAA;AAAA;AAAA;AAAA,CAAA;;;;"}

package/dist/cjs/constants.cjs

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+"use strict";
+const COMMON_FNS = [
+  { name: "AVG" },
+  { name: "COUNT" },
+  { name: "MAX" },
+  { name: "MIN" },
+  { name: "SUM" }
+];
+const intervalParam = {
+  name: "Interval",
+  required: true,
+  options: () => {
+    return Promise.resolve([{ label: "$__interval", value: "$__interval" }]);
+  }
+};
+const fillParam = {
+  name: "Fill",
+  required: false,
+  options: () => Promise.resolve([
+    { label: "0", value: "0" },
+    { label: "NULL", value: "NULL" },
+    { label: "previous", value: "previous" }
+  ])
+};
+const MACRO_FUNCTIONS = (columnParam) => [
+  {
+    name: "$__timeGroup",
+    description: "Time grouping function",
+    parameters: [columnParam, intervalParam, fillParam]
+  },
+  {
+    name: "$__timeGroupAlias",
+    description: "Time grouping function with time as alias",
+    parameters: [columnParam, intervalParam, fillParam]
+  },
+  {
+    name: "$__time",
+    description: "An expression to rename the column to time",
+    parameters: [columnParam]
+  },
+  {
+    name: "$__timeEpoch",
+    parameters: [columnParam]
+  },
+  {
+    name: "$__unixEpochGroup",
+    parameters: [columnParam, intervalParam, fillParam]
+  },
+  {
+    name: "$__unixEpochGroupAlias",
+    parameters: [columnParam, intervalParam, fillParam]
+  }
+];
+const MACRO_NAMES = [
+  "$__time",
+  "$__timeEpoch",
+  "$__timeFilter",
+  "$__timeFrom",
+  "$__timeTo",
+  "$__timeGroup",
+  "$__timeGroupAlias",
+  "$__unixEpochFilter",
+  "$__unixEpochNanoFilter",
+  "$__unixEpochNanoFrom",
+  "$__unixEpochNanoTo",
+  "$__unixEpochGroup",
+  "$__unixEpochGroupAlias"
+];
+
+exports.COMMON_FNS = COMMON_FNS;
+exports.MACRO_FUNCTIONS = MACRO_FUNCTIONS;
+exports.MACRO_NAMES = MACRO_NAMES;
+//# sourceMappingURL=constants.cjs.map

package/dist/cjs/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../src/constants.ts"],"sourcesContent":["import { Func, FuncParameter } from './types';\n\nexport const COMMON_FNS: Func[] = [\n  { name: 'AVG' },\n  { name: 'COUNT' },\n  { name: 'MAX' },\n  { name: 'MIN' },\n  { name: 'SUM' },\n];\n\nconst intervalParam: FuncParameter = {\n  name: 'Interval',\n  required: true,\n  options: () => {\n    return Promise.resolve([{ label: '$__interval', value: '$__interval' }]);\n  },\n};\nconst fillParam: FuncParameter = {\n  name: 'Fill',\n  required: false,\n  options: () =>\n    Promise.resolve([\n      { label: '0', value: '0' },\n      { label: 'NULL', value: 'NULL' },\n      { label: 'previous', value: 'previous' },\n    ]),\n};\n\nexport const MACRO_FUNCTIONS = (columnParam: FuncParameter) => [\n  {\n    name: '$__timeGroup',\n    description: 'Time grouping function',\n    parameters: [columnParam, intervalParam, fillParam],\n  },\n  {\n    name: '$__timeGroupAlias',\n    description: 'Time grouping function with time as alias',\n    parameters: [columnParam, intervalParam, fillParam],\n  },\n  {\n    name: '$__time',\n    description: 'An expression to rename the column to time',\n    parameters: [columnParam],\n  },\n  {\n    name: '$__timeEpoch',\n    parameters: [columnParam],\n  },\n  {\n    name: '$__unixEpochGroup',\n    parameters: [columnParam, intervalParam, fillParam],\n  },\n  {\n    name: '$__unixEpochGroupAlias',\n    parameters: [columnParam, intervalParam, fillParam],\n  },\n];\n\nexport const MACRO_NAMES = [\n  '$__time',\n  '$__timeEpoch',\n  '$__timeFilter',\n  '$__timeFrom',\n  '$__timeTo',\n  '$__timeGroup',\n  '$__timeGroupAlias',\n  '$__unixEpochFilter',\n  '$__unixEpochNanoFilter',\n  '$__unixEpochNanoFrom',\n  '$__unixEpochNanoTo',\n  '$__unixEpochGroup',\n  '$__unixEpochGroupAlias',\n];\n"],"names":[],"mappings":";;;;;AAEO,MAAM,UAAA,GAAqB;AAAA,EAChC,EAAE,MAAM,KAAA,EAAM;AAAA,EACd,EAAE,MAAM,OAAA,EAAQ;AAAA,EAChB,EAAE,MAAM,KAAA,EAAM;AAAA,EACd,EAAE,MAAM,KAAA,EAAM;AAAA,EACd,EAAE,MAAM,KAAA;AACV;AAEA,MAAM,aAAA,GAA+B;AAAA,EACnC,IAAA,EAAM,UAAA;AAAA,EACN,QAAA,EAAU,IAAA;AAAA,EACV,SAAS,MAAM;AACb,IAAA,OAAO,OAAA,CAAQ,QAAQ,CAAC,EAAE,OAAO,aAAA,EAAe,KAAA,EAAO,aAAA,EAAe,CAAC,CAAA;AAAA,EACzE;AACF,CAAA;AACA,MAAM,SAAA,GAA2B;AAAA,EAC/B,IAAA,EAAM,MAAA;AAAA,EACN,QAAA,EAAU,KAAA;AAAA,EACV,OAAA,EAAS,MACP,OAAA,CAAQ,OAAA,CAAQ;AAAA,IACd,EAAE,KAAA,EAAO,GAAA,EAAK,KAAA,EAAO,GAAA,EAAI;AAAA,IACzB,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAO;AAAA,IAC/B,EAAE,KAAA,EAAO,UAAA,EAAY,KAAA,EAAO,UAAA;AAAW,GACxC;AACL,CAAA;AAEO,MAAM,eAAA,GAAkB,CAAC,WAAA,KAA+B;AAAA,EAC7D;AAAA,IACE,IAAA,EAAM,cAAA;AAAA,IACN,WAAA,EAAa,wBAAA;AAAA,IACb,UAAA,EAAY,CAAC,WAAA,EAAa,aAAA,EAAe,SAAS;AAAA,GACpD;AAAA,EACA;AAAA,IACE,IAAA,EAAM,mBAAA;AAAA,IACN,WAAA,EAAa,2CAAA;AAAA,IACb,UAAA,EAAY,CAAC,WAAA,EAAa,aAAA,EAAe,SAAS;AAAA,GACpD;AAAA,EACA;AAAA,IACE,IAAA,EAAM,SAAA;AAAA,IACN,WAAA,EAAa,4CAAA;AAAA,IACb,UAAA,EAAY,CAAC,WAAW;AAAA,GAC1B;AAAA,EACA;AAAA,IACE,IAAA,EAAM,cAAA;AAAA,IACN,UAAA,EAAY,CAAC,WAAW;AAAA,GAC1B;AAAA,EACA;AAAA,IACE,IAAA,EAAM,mBAAA;AAAA,IACN,UAAA,EAAY,CAAC,WAAA,EAAa,aAAA,EAAe,SAAS;AAAA,GACpD;AAAA,EACA;AAAA,IACE,IAAA,EAAM,wBAAA;AAAA,IACN,UAAA,EAAY,CAAC,WAAA,EAAa,aAAA,EAAe,SAAS;AAAA;AAEtD;AAEO,MAAM,WAAA,GAAc;AAAA,EACzB,SAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,mBAAA;AAAA,EACA,oBAAA;AAAA,EACA,wBAAA;AAAA,EACA,sBAAA;AAAA,EACA,oBAAA;AAAA,EACA,mBAAA;AAAA,EACA;AACF;;;;;;"}

package/dist/cjs/datasource/SqlDatasource.cjs

@@ -0,0 +1,188 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var rxjs = require('rxjs');
+var operators = require('rxjs/operators');
+var data = require('@grafana/data');
+var pluginUi = require('@grafana/plugin-ui');
+var runtime = require('@grafana/runtime');
+var ResponseParser = require('../ResponseParser.cjs');
+var QueryEditorLazy = require('../components/QueryEditorLazy.cjs');
+var constants = require('../constants.cjs');
+var types = require('../types.cjs');
+var migration = require('../utils/migration.cjs');
+
+"use strict";
+class SqlDatasource extends runtime.DataSourceWithBackend {
+  constructor(instanceSettings, templateSrv = runtime.getTemplateSrv()) {
+    var _a;
+    super(instanceSettings);
+    this.templateSrv = templateSrv;
+    this.dialect = "other";
+    this.interpolateVariable = (value, variable) => {
+      if (typeof value === "string") {
+        if (variable.multi || variable.includeAll) {
+          return this.getQueryModel().quoteLiteral(value);
+        } else {
+          return String(value).replace(/'/g, "''");
+        }
+      }
+      if (typeof value === "number") {
+        return value;
+      }
+      if (Array.isArray(value)) {
+        const quotedValues = value.map((v) => this.getQueryModel().quoteLiteral(v));
+        return quotedValues.join(",");
+      }
+      return value;
+    };
+    this.name = instanceSettings.name;
+    this.responseParser = new ResponseParser.ResponseParser();
+    this.uid = instanceSettings.uid;
+    const settingsData = instanceSettings.jsonData || {};
+    this.interval = settingsData.timeInterval || "1m";
+    this.db = this.getDB();
+    this.preconfiguredDatabase = (_a = settingsData.database) != null ? _a : "";
+    this.annotations = {
+      prepareAnnotation: migration,
+      QueryEditor: QueryEditorLazy.SqlQueryEditorLazy
+    };
+  }
+  getResponseParser() {
+    return this.responseParser;
+  }
+  interpolateVariablesInQueries(queries, scopedVars) {
+    let expandedQueries = queries;
+    if (queries && queries.length > 0) {
+      expandedQueries = queries.map((query) => {
+        const expandedQuery = {
+          ...query,
+          datasource: this.getRef(),
+          rawSql: this.templateSrv.replace(query.rawSql, scopedVars, this.interpolateVariable),
+          rawQuery: true
+        };
+        return expandedQuery;
+      });
+    }
+    return expandedQueries;
+  }
+  filterQuery(query) {
+    return !query.hide;
+  }
+  applyTemplateVariables(target, scopedVars) {
+    return {
+      refId: target.refId,
+      datasource: this.getRef(),
+      rawSql: this.templateSrv.replace(target.rawSql, scopedVars, this.interpolateVariable),
+      format: target.format
+    };
+  }
+  query(request) {
+    const databaseIssue = this.checkForDatabaseIssue(request);
+    if (!!databaseIssue) {
+      const error = new Error(databaseIssue);
+      return rxjs.throwError(() => error);
+    }
+    request.targets.forEach((target) => {
+      var _a;
+      if (request.app === data.CoreApp.Dashboard || request.app === data.CoreApp.PanelViewer) {
+        return;
+      }
+      runtime.reportInteraction("grafana_sql_query_executed", {
+        datasource: (_a = target.datasource) == null ? void 0 : _a.type,
+        editorMode: target.editorMode,
+        format: target.format,
+        app: request.app
+      });
+    });
+    return super.query(request);
+  }
+  checkForDatabaseIssue(request) {
+    if (this.type === "grafana-postgresql-datasource" && !this.preconfiguredDatabase) {
+      return `You do not currently have a default database configured for this data source. Postgres requires a default
+             database with which to connect. Please configure one through the Data Sources Configuration page, or if you
+             are using a provisioning file, update that configuration file with a default database.`;
+    }
+    if (request.app !== data.CoreApp.Explore) {
+      if (!!this.preconfiguredDatabase) {
+        for (const target of request.targets) {
+          if (target.editorMode === pluginUi.EditorMode.Builder && target.dataset && target.dataset !== this.preconfiguredDatabase) {
+            return `The configuration for this panel's data source has been modified. The previous database used in this panel's
+                   saved query is no longer available. Please update the query to use the new database option.
+                   Previous query parameters will be preserved until the query is updated.`;
+          }
+        }
+      }
+    }
+    return;
+  }
+  async metricFindQuery(query, options) {
+    const range = options == null ? void 0 : options.range;
+    if (range == null) {
+      return [];
+    }
+    let refId = "tempvar";
+    if (options && options.variable && options.variable.name) {
+      refId = options.variable.name;
+    }
+    const scopedVars = {
+      ...options == null ? void 0 : options.scopedVars,
+      ...data.getSearchFilterScopedVar({ query, wildcardChar: "%", options })
+    };
+    const rawSql = this.templateSrv.replace(query, scopedVars, this.interpolateVariable);
+    const interpolatedQuery = {
+      refId,
+      datasource: this.getRef(),
+      rawSql,
+      format: types.QueryFormat.Table
+    };
+    let response;
+    try {
+      response = await this.runMetaQuery(interpolatedQuery, range);
+    } catch (error) {
+      console.error(error);
+      throw new Error("error when executing the sql query");
+    }
+    return this.getResponseParser().transformMetricFindResponse(response);
+  }
+  // NOTE: this always runs with the `@grafana/data/getDefaultTimeRange` time range
+  async runSql(query, options) {
+    const range = data.getDefaultTimeRange();
+    const frame = await this.runMetaQuery({ rawSql: query, format: types.QueryFormat.Table, refId: options == null ? void 0 : options.refId }, range);
+    return new data.DataFrameView(frame);
+  }
+  runMetaQuery(request, range) {
+    const refId = request.refId || "meta";
+    const queries = [{ ...request, datasource: request.datasource || this.getRef(), refId }];
+    return rxjs.lastValueFrom(
+      runtime.getBackendSrv().fetch({
+        url: "/api/ds/query",
+        method: "POST",
+        headers: this.getRequestHeaders(),
+        data: {
+          from: range.from.valueOf().toString(),
+          to: range.to.valueOf().toString(),
+          queries
+        },
+        requestId: refId
+      }).pipe(
+        operators.map((res) => {
+          var _a;
+          const rsp = runtime.toDataQueryResponse(res, queries);
+          return (_a = rsp.data[0]) != null ? _a : { fields: [] };
+        })
+      )
+    );
+  }
+  targetContainsTemplate(target) {
+    let queryWithoutMacros = target.rawSql;
+    constants.MACRO_NAMES.forEach((value) => {
+      queryWithoutMacros = (queryWithoutMacros == null ? void 0 : queryWithoutMacros.replace(value, "")) || "";
+    });
+    return this.templateSrv.containsTemplate(queryWithoutMacros);
+  }
+}
+
+exports.SqlDatasource = SqlDatasource;
+//# sourceMappingURL=SqlDatasource.cjs.map