@grafana/sql 0.0.0 → 13.0.0-23484519191

package/dist/cjs/components/QueryHeader.cjs

@@ -0,0 +1,294 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var reactUse = require('react-use');
+var e2eSelectors = require('@grafana/e2e-selectors');
+var i18n = require('@grafana/i18n');
+var pluginUi = require('@grafana/plugin-ui');
+var runtime = require('@grafana/runtime');
+var ui = require('@grafana/ui');
+var types = require('../types.cjs');
+var ConfirmModal = require('./ConfirmModal.cjs');
+var DatasetSelector = require('./DatasetSelector.cjs');
+var TableSelector = require('./TableSelector.cjs');
+
+"use strict";
+function QueryHeader({
+  db,
+  dialect,
+  isQueryRunnable,
+  onChange,
+  onQueryRowChange,
+  onRunQuery,
+  preconfiguredDataset,
+  query,
+  queryRowFilter,
+  hideFormatSelector,
+  hideRunButton
+}) {
+  const { editorMode } = query;
+  const [_, copyToClipboard] = reactUse.useCopyToClipboard();
+  const [showConfirm, setShowConfirm] = react.useState(false);
+  const toRawSql = db.toRawSql;
+  const htmlId = react.useId();
+  const editorModes = [
+    {
+      label: i18n.t("grafana-sql.components.query-header.editor-modes.label-builder", "Builder"),
+      value: pluginUi.EditorMode.Builder
+    },
+    { label: i18n.t("grafana-sql.components.query-header.editor-modes.label-code", "Code"), value: pluginUi.EditorMode.Code }
+  ];
+  const onEditorModeChange = react.useCallback(
+    (newEditorMode) => {
+      var _a;
+      if (newEditorMode === pluginUi.EditorMode.Code) {
+        runtime.reportInteraction("grafana_sql_editor_mode_changed", {
+          datasource: (_a = query.datasource) == null ? void 0 : _a.type,
+          selectedEditorMode: pluginUi.EditorMode.Code
+        });
+      }
+      if (editorMode === pluginUi.EditorMode.Code) {
+        setShowConfirm(true);
+        return;
+      }
+      onChange({ ...query, editorMode: newEditorMode });
+    },
+    [editorMode, onChange, query]
+  );
+  const onFormatChange = (e) => {
+    var _a;
+    const next = { ...query, format: e.value !== void 0 ? e.value : types.QueryFormat.Table };
+    runtime.reportInteraction("grafana_sql_format_changed", {
+      datasource: (_a = query.datasource) == null ? void 0 : _a.type,
+      selectedFormat: next.format
+    });
+    onChange(next);
+  };
+  const onDatasetChange = (e) => {
+    if (e.value === query.dataset) {
+      return;
+    }
+    const next = {
+      ...query,
+      dataset: e.value,
+      table: void 0,
+      sql: void 0,
+      rawSql: ""
+    };
+    onChange(next);
+  };
+  const onTableChange = (e) => {
+    if (e.value === query.table) {
+      return;
+    }
+    const next = {
+      ...query,
+      table: e.value,
+      sql: void 0,
+      rawSql: ""
+    };
+    onChange(next);
+  };
+  const datasetDropdownIsAvailable = () => {
+    if (dialect === "influx") {
+      return false;
+    }
+    return true;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(pluginUi.EditorHeader, { children: [
+      !hideFormatSelector && /* @__PURE__ */ jsxRuntime.jsx(
+        pluginUi.InlineSelect,
+        {
+          label: i18n.t("grafana-sql.components.query-header.label-format", "Format"),
+          value: query.format,
+          placeholder: i18n.t("grafana-sql.components.query-header.placeholder-select-format", "Select format"),
+          menuShouldPortal: true,
+          onChange: onFormatChange,
+          options: types.QUERY_FORMAT_OPTIONS
+        }
+      ),
+      editorMode === pluginUi.EditorMode.Builder && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.InlineSwitch,
+          {
+            id: `sql-filter-${htmlId}`,
+            label: i18n.t("grafana-sql.components.query-header.label-filter", "Filter"),
+            "data-testid": e2eSelectors.selectors.components.SQLQueryEditor.headerFilterSwitch,
+            transparent: true,
+            showLabel: true,
+            value: queryRowFilter.filter,
+            onChange: (ev) => {
+              var _a;
+              if (!(ev.target instanceof HTMLInputElement)) {
+                return;
+              }
+              runtime.reportInteraction("grafana_sql_filter_toggled", {
+                datasource: (_a = query.datasource) == null ? void 0 : _a.type,
+                displayed: ev.target.checked
+              });
+              onQueryRowChange({ ...queryRowFilter, filter: ev.target.checked });
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.InlineSwitch,
+          {
+            id: `sql-group-${htmlId}`,
+            label: i18n.t("grafana-sql.components.query-header.label-group", "Group"),
+            "data-testid": e2eSelectors.selectors.components.SQLQueryEditor.headerGroupSwitch,
+            transparent: true,
+            showLabel: true,
+            value: queryRowFilter.group,
+            onChange: (ev) => {
+              var _a;
+              if (!(ev.target instanceof HTMLInputElement)) {
+                return;
+              }
+              runtime.reportInteraction("grafana_sql_group_toggled", {
+                datasource: (_a = query.datasource) == null ? void 0 : _a.type,
+                displayed: ev.target.checked
+              });
+              onQueryRowChange({ ...queryRowFilter, group: ev.target.checked });
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.InlineSwitch,
+          {
+            id: `sql-order-${htmlId}`,
+            label: i18n.t("grafana-sql.components.query-header.label-order", "Order"),
+            "data-testid": e2eSelectors.selectors.components.SQLQueryEditor.headerOrderSwitch,
+            transparent: true,
+            showLabel: true,
+            value: queryRowFilter.order,
+            onChange: (ev) => {
+              var _a;
+              if (!(ev.target instanceof HTMLInputElement)) {
+                return;
+              }
+              runtime.reportInteraction("grafana_sql_order_toggled", {
+                datasource: (_a = query.datasource) == null ? void 0 : _a.type,
+                displayed: ev.target.checked
+              });
+              onQueryRowChange({ ...queryRowFilter, order: ev.target.checked });
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.InlineSwitch,
+          {
+            id: `sql-preview-${htmlId}`,
+            label: i18n.t("grafana-sql.components.query-header.label-preview", "Preview"),
+            "data-testid": e2eSelectors.selectors.components.SQLQueryEditor.headerPreviewSwitch,
+            transparent: true,
+            showLabel: true,
+            value: queryRowFilter.preview,
+            onChange: (ev) => {
+              var _a;
+              if (!(ev.target instanceof HTMLInputElement)) {
+                return;
+              }
+              runtime.reportInteraction("grafana_sql_preview_toggled", {
+                datasource: (_a = query.datasource) == null ? void 0 : _a.type,
+                displayed: ev.target.checked
+              });
+              onQueryRowChange({ ...queryRowFilter, preview: ev.target.checked });
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(pluginUi.FlexItem, { grow: 1 }),
+      !hideRunButton && (isQueryRunnable ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { icon: "play", variant: "primary", size: "sm", onClick: () => onRunQuery(), children: /* @__PURE__ */ jsxRuntime.jsx(i18n.Trans, { i18nKey: "grafana-sql.components.query-header.run-query", children: "Run query" }) }) : /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Tooltip,
+        {
+          theme: "error",
+          content: /* @__PURE__ */ jsxRuntime.jsxs(i18n.Trans, { i18nKey: "grafana-sql.components.query-header.content-invalid-query", children: [
+            "Your query is invalid. Check below for details. ",
+            /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+            "However, you can still run this query."
+          ] }),
+          placement: "top",
+          children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { icon: "exclamation-triangle", variant: "secondary", size: "sm", onClick: () => onRunQuery(), children: /* @__PURE__ */ jsxRuntime.jsx(i18n.Trans, { i18nKey: "grafana-sql.components.query-header.run-query", children: "Run query" }) })
+        }
+      )),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.RadioButtonGroup, { options: editorModes, size: "sm", value: editorMode, onChange: onEditorModeChange }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ConfirmModal.ConfirmModal,
+        {
+          isOpen: showConfirm,
+          onCopy: () => {
+            var _a;
+            runtime.reportInteraction("grafana_sql_editor_mode_changed", {
+              datasource: (_a = query.datasource) == null ? void 0 : _a.type,
+              selectedEditorMode: pluginUi.EditorMode.Builder,
+              type: "copy"
+            });
+            setShowConfirm(false);
+            copyToClipboard(query.rawSql);
+            onChange({
+              ...query,
+              rawSql: toRawSql(query),
+              editorMode: pluginUi.EditorMode.Builder
+            });
+          },
+          onDiscard: () => {
+            var _a;
+            runtime.reportInteraction("grafana_sql_editor_mode_changed", {
+              datasource: (_a = query.datasource) == null ? void 0 : _a.type,
+              selectedEditorMode: pluginUi.EditorMode.Builder,
+              type: "discard"
+            });
+            setShowConfirm(false);
+            onChange({
+              ...query,
+              rawSql: toRawSql(query),
+              editorMode: pluginUi.EditorMode.Builder
+            });
+          },
+          onCancel: () => {
+            var _a;
+            runtime.reportInteraction("grafana_sql_editor_mode_changed", {
+              datasource: (_a = query.datasource) == null ? void 0 : _a.type,
+              selectedEditorMode: pluginUi.EditorMode.Builder,
+              type: "cancel"
+            });
+            setShowConfirm(false);
+          }
+        }
+      )
+    ] }),
+    editorMode === pluginUi.EditorMode.Builder && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Space, { v: 0.5 }),
+      /* @__PURE__ */ jsxRuntime.jsxs(pluginUi.EditorRow, { children: [
+        datasetDropdownIsAvailable() && /* @__PURE__ */ jsxRuntime.jsx(pluginUi.EditorField, { label: i18n.t("grafana-sql.components.query-header.label-dataset", "Dataset"), width: 25, children: /* @__PURE__ */ jsxRuntime.jsx(
+          DatasetSelector.DatasetSelector,
+          {
+            db,
+            inputId: `sql-dataset-${htmlId}`,
+            dataset: query.dataset,
+            dialect,
+            preconfiguredDataset,
+            onChange: onDatasetChange
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(pluginUi.EditorField, { label: i18n.t("grafana-sql.components.query-header.label-table", "Table"), width: 25, children: /* @__PURE__ */ jsxRuntime.jsx(
+          TableSelector.TableSelector,
+          {
+            db,
+            inputId: `sql-tableselect-${htmlId}`,
+            dataset: query.dataset || preconfiguredDataset,
+            table: query.table,
+            onChange: onTableChange
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+}
+
+exports.QueryHeader = QueryHeader;
+//# sourceMappingURL=QueryHeader.cjs.map

package/dist/cjs/components/QueryHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryHeader.cjs","sources":["../../../src/components/QueryHeader.tsx"],"sourcesContent":["import { useCallback, useId, useState } from 'react';\nimport { useCopyToClipboard } from 'react-use';\n\nimport { SelectableValue } from '@grafana/data';\nimport { selectors } from '@grafana/e2e-selectors';\nimport { t, Trans } from '@grafana/i18n';\nimport { EditorField, EditorHeader, EditorMode, EditorRow, FlexItem, InlineSelect } from '@grafana/plugin-ui';\nimport { reportInteraction } from '@grafana/runtime';\nimport { Button, InlineSwitch, RadioButtonGroup, Tooltip, Space } from '@grafana/ui';\n\nimport { QueryWithDefaults } from '../defaults';\nimport { SQLQuery, QueryFormat, QueryRowFilter, QUERY_FORMAT_OPTIONS, DB, SQLDialect } from '../types';\n\nimport { ConfirmModal } from './ConfirmModal';\nimport { DatasetSelector } from './DatasetSelector';\nimport { TableSelector } from './TableSelector';\n\nexport interface QueryHeaderProps {\n  db: DB;\n  dialect: SQLDialect;\n  isQueryRunnable: boolean;\n  onChange: (query: SQLQuery) => void;\n  onQueryRowChange: (queryRowFilter: QueryRowFilter) => void;\n  onRunQuery: () => void;\n  preconfiguredDataset: string;\n  query: QueryWithDefaults;\n  queryRowFilter: QueryRowFilter;\n  hideFormatSelector?: boolean;\n  hideRunButton?: boolean;\n}\n\nexport function QueryHeader({\n  db,\n  dialect,\n  isQueryRunnable,\n  onChange,\n  onQueryRowChange,\n  onRunQuery,\n  preconfiguredDataset,\n  query,\n  queryRowFilter,\n  hideFormatSelector,\n  hideRunButton,\n}: QueryHeaderProps) {\n  const { editorMode } = query;\n  const [_, copyToClipboard] = useCopyToClipboard();\n  const [showConfirm, setShowConfirm] = useState(false);\n  const toRawSql = db.toRawSql;\n\n  const htmlId = useId();\n\n  const editorModes = [\n    {\n      label: t('grafana-sql.components.query-header.editor-modes.label-builder', 'Builder'),\n      value: EditorMode.Builder,\n    },\n    { label: t('grafana-sql.components.query-header.editor-modes.label-code', 'Code'), value: EditorMode.Code },\n  ];\n\n  const onEditorModeChange = useCallback(\n    (newEditorMode: EditorMode) => {\n      if (newEditorMode === EditorMode.Code) {\n        reportInteraction('grafana_sql_editor_mode_changed', {\n          datasource: query.datasource?.type,\n          selectedEditorMode: EditorMode.Code,\n        });\n      }\n\n      if (editorMode === EditorMode.Code) {\n        setShowConfirm(true);\n        return;\n      }\n      onChange({ ...query, editorMode: newEditorMode });\n    },\n    [editorMode, onChange, query]\n  );\n\n  const onFormatChange = (e: SelectableValue) => {\n    const next = { ...query, format: e.value !== undefined ? e.value : QueryFormat.Table };\n\n    reportInteraction('grafana_sql_format_changed', {\n      datasource: query.datasource?.type,\n      selectedFormat: next.format,\n    });\n    onChange(next);\n  };\n\n  const onDatasetChange = (e: SelectableValue) => {\n    if (e.value === query.dataset) {\n      return;\n    }\n\n    const next = {\n      ...query,\n      dataset: e.value,\n      table: undefined,\n      sql: undefined,\n      rawSql: '',\n    };\n\n    onChange(next);\n  };\n\n  const onTableChange = (e: SelectableValue) => {\n    if (e.value === query.table) {\n      return;\n    }\n\n    const next: SQLQuery = {\n      ...query,\n      table: e.value,\n      sql: undefined,\n      rawSql: '',\n    };\n\n    onChange(next);\n  };\n\n  const datasetDropdownIsAvailable = () => {\n    if (dialect === 'influx') {\n      return false;\n    }\n\n    return true;\n  };\n\n  return (\n    <>\n      <EditorHeader>\n        {!hideFormatSelector && (\n          <InlineSelect\n            label={t('grafana-sql.components.query-header.label-format', 'Format')}\n            value={query.format}\n            placeholder={t('grafana-sql.components.query-header.placeholder-select-format', 'Select format')}\n            menuShouldPortal\n            onChange={onFormatChange}\n            options={QUERY_FORMAT_OPTIONS}\n          />\n        )}\n\n        {editorMode === EditorMode.Builder && (\n          <>\n            <InlineSwitch\n              id={`sql-filter-${htmlId}`}\n              label={t('grafana-sql.components.query-header.label-filter', 'Filter')}\n              data-testid={selectors.components.SQLQueryEditor.headerFilterSwitch}\n              transparent={true}\n              showLabel={true}\n              value={queryRowFilter.filter}\n              onChange={(ev) => {\n                if (!(ev.target instanceof HTMLInputElement)) {\n                  return;\n                }\n\n                reportInteraction('grafana_sql_filter_toggled', {\n                  datasource: query.datasource?.type,\n                  displayed: ev.target.checked,\n                });\n\n                onQueryRowChange({ ...queryRowFilter, filter: ev.target.checked });\n              }}\n            />\n\n            <InlineSwitch\n              id={`sql-group-${htmlId}`}\n              label={t('grafana-sql.components.query-header.label-group', 'Group')}\n              data-testid={selectors.components.SQLQueryEditor.headerGroupSwitch}\n              transparent={true}\n              showLabel={true}\n              value={queryRowFilter.group}\n              onChange={(ev) => {\n                if (!(ev.target instanceof HTMLInputElement)) {\n                  return;\n                }\n\n                reportInteraction('grafana_sql_group_toggled', {\n                  datasource: query.datasource?.type,\n                  displayed: ev.target.checked,\n                });\n\n                onQueryRowChange({ ...queryRowFilter, group: ev.target.checked });\n              }}\n            />\n\n            <InlineSwitch\n              id={`sql-order-${htmlId}`}\n              label={t('grafana-sql.components.query-header.label-order', 'Order')}\n              data-testid={selectors.components.SQLQueryEditor.headerOrderSwitch}\n              transparent={true}\n              showLabel={true}\n              value={queryRowFilter.order}\n              onChange={(ev) => {\n                if (!(ev.target instanceof HTMLInputElement)) {\n                  return;\n                }\n\n                reportInteraction('grafana_sql_order_toggled', {\n                  datasource: query.datasource?.type,\n                  displayed: ev.target.checked,\n                });\n\n                onQueryRowChange({ ...queryRowFilter, order: ev.target.checked });\n              }}\n            />\n\n            <InlineSwitch\n              id={`sql-preview-${htmlId}`}\n              label={t('grafana-sql.components.query-header.label-preview', 'Preview')}\n              data-testid={selectors.components.SQLQueryEditor.headerPreviewSwitch}\n              transparent={true}\n              showLabel={true}\n              value={queryRowFilter.preview}\n              onChange={(ev) => {\n                if (!(ev.target instanceof HTMLInputElement)) {\n                  return;\n                }\n\n                reportInteraction('grafana_sql_preview_toggled', {\n                  datasource: query.datasource?.type,\n                  displayed: ev.target.checked,\n                });\n\n                onQueryRowChange({ ...queryRowFilter, preview: ev.target.checked });\n              }}\n            />\n          </>\n        )}\n\n        <FlexItem grow={1} />\n\n        {!hideRunButton &&\n          (isQueryRunnable ? (\n            <Button icon=\"play\" variant=\"primary\" size=\"sm\" onClick={() => onRunQuery()}>\n              <Trans i18nKey=\"grafana-sql.components.query-header.run-query\">Run query</Trans>\n            </Button>\n          ) : (\n            <Tooltip\n              theme=\"error\"\n              content={\n                <Trans i18nKey=\"grafana-sql.components.query-header.content-invalid-query\">\n                  Your query is invalid. Check below for details. <br />\n                  However, you can still run this query.\n                </Trans>\n              }\n              placement=\"top\"\n            >\n              <Button icon=\"exclamation-triangle\" variant=\"secondary\" size=\"sm\" onClick={() => onRunQuery()}>\n                <Trans i18nKey=\"grafana-sql.components.query-header.run-query\">Run query</Trans>\n              </Button>\n            </Tooltip>\n          ))}\n\n        <RadioButtonGroup options={editorModes} size=\"sm\" value={editorMode} onChange={onEditorModeChange} />\n\n        <ConfirmModal\n          isOpen={showConfirm}\n          onCopy={() => {\n            reportInteraction('grafana_sql_editor_mode_changed', {\n              datasource: query.datasource?.type,\n              selectedEditorMode: EditorMode.Builder,\n              type: 'copy',\n            });\n\n            setShowConfirm(false);\n            copyToClipboard(query.rawSql!);\n            onChange({\n              ...query,\n              rawSql: toRawSql(query),\n              editorMode: EditorMode.Builder,\n            });\n          }}\n          onDiscard={() => {\n            reportInteraction('grafana_sql_editor_mode_changed', {\n              datasource: query.datasource?.type,\n              selectedEditorMode: EditorMode.Builder,\n              type: 'discard',\n            });\n\n            setShowConfirm(false);\n            onChange({\n              ...query,\n              rawSql: toRawSql(query),\n              editorMode: EditorMode.Builder,\n            });\n          }}\n          onCancel={() => {\n            reportInteraction('grafana_sql_editor_mode_changed', {\n              datasource: query.datasource?.type,\n              selectedEditorMode: EditorMode.Builder,\n              type: 'cancel',\n            });\n\n            setShowConfirm(false);\n          }}\n        />\n      </EditorHeader>\n\n      {editorMode === EditorMode.Builder && (\n        <>\n          <Space v={0.5} />\n          <EditorRow>\n            {datasetDropdownIsAvailable() && (\n              <EditorField label={t('grafana-sql.components.query-header.label-dataset', 'Dataset')} width={25}>\n                <DatasetSelector\n                  db={db}\n                  inputId={`sql-dataset-${htmlId}`}\n                  dataset={query.dataset}\n                  dialect={dialect}\n                  preconfiguredDataset={preconfiguredDataset}\n                  onChange={onDatasetChange}\n                />\n              </EditorField>\n            )}\n            <EditorField label={t('grafana-sql.components.query-header.label-table', 'Table')} width={25}>\n              <TableSelector\n                db={db}\n                inputId={`sql-tableselect-${htmlId}`}\n                dataset={query.dataset || preconfiguredDataset}\n                table={query.table}\n                onChange={onTableChange}\n              />\n            </EditorField>\n          </EditorRow>\n        </>\n      )}\n    </>\n  );\n}\n"],"names":["useCopyToClipboard","useState","useId","t","EditorMode","useCallback","reportInteraction","QueryFormat","jsxs","Fragment","EditorHeader","jsx","InlineSelect","QUERY_FORMAT_OPTIONS","InlineSwitch","selectors","FlexItem","Button","Trans","Tooltip","RadioButtonGroup","ConfirmModal","Space","EditorRow","EditorField","DatasetSelector","TableSelector"],"mappings":"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"}

package/dist/cjs/components/TableSelector.cjs

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactUse = require('react-use');
+var data = require('@grafana/data');
+var e2eSelectors = require('@grafana/e2e-selectors');
+var i18n = require('@grafana/i18n');
+var ui = require('@grafana/ui');
+
+"use strict";
+const TableSelector = ({ db, dataset, table, className, onChange, inputId }) => {
+  const state = reactUse.useAsync(async () => {
+    if (!dataset) {
+      return [];
+    }
+    const tables = await db.tables(dataset);
+    return tables.map(data.toOption);
+  }, [dataset]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Select,
+    {
+      className,
+      disabled: state.loading,
+      "aria-label": i18n.t("grafana-sql.components.table-selector.aria-label-table-selector", "Table selector"),
+      inputId,
+      "data-testid": e2eSelectors.selectors.components.SQLQueryEditor.headerTableSelector,
+      value: table,
+      options: state.value,
+      onChange,
+      isLoading: state.loading,
+      menuShouldPortal: true,
+      placeholder: state.loading ? i18n.t("grafana-sql.components.table-selector.placeholder-loading", "Loading tables") : i18n.t("grafana-sql.components.table-selector.placeholder-select-table", "Select table"),
+      allowCustomValue: true
+    }
+  );
+};
+
+exports.TableSelector = TableSelector;
+//# sourceMappingURL=TableSelector.cjs.map

package/dist/cjs/components/TableSelector.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSelector.cjs","sources":["../../../src/components/TableSelector.tsx"],"sourcesContent":["import { useAsync } from 'react-use';\n\nimport { SelectableValue, toOption } from '@grafana/data';\nimport { selectors } from '@grafana/e2e-selectors';\nimport { t } from '@grafana/i18n';\nimport { Select } from '@grafana/ui';\n\nimport { DB, ResourceSelectorProps } from '../types';\n\nexport interface TableSelectorProps extends ResourceSelectorProps {\n  db: DB;\n  table: string | undefined;\n  dataset: string | undefined;\n  onChange: (v: SelectableValue) => void;\n  inputId?: string | undefined;\n}\n\nexport const TableSelector = ({ db, dataset, table, className, onChange, inputId }: TableSelectorProps) => {\n  const state = useAsync(async () => {\n    // No need to attempt to fetch tables for an unknown dataset.\n    if (!dataset) {\n      return [];\n    }\n\n    const tables = await db.tables(dataset);\n    return tables.map(toOption);\n  }, [dataset]);\n\n  return (\n    <Select\n      className={className}\n      disabled={state.loading}\n      aria-label={t('grafana-sql.components.table-selector.aria-label-table-selector', 'Table selector')}\n      inputId={inputId}\n      data-testid={selectors.components.SQLQueryEditor.headerTableSelector}\n      value={table}\n      options={state.value}\n      onChange={onChange}\n      isLoading={state.loading}\n      menuShouldPortal={true}\n      placeholder={\n        state.loading\n          ? t('grafana-sql.components.table-selector.placeholder-loading', 'Loading tables')\n          : t('grafana-sql.components.table-selector.placeholder-select-table', 'Select table')\n      }\n      allowCustomValue={true}\n    />\n  );\n};\n"],"names":["useAsync","toOption","jsx","Select","t","selectors"],"mappings":";;;;;;;;;;;;AAiBO,MAAM,aAAA,GAAgB,CAAC,EAAE,EAAA,EAAI,SAAS,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,OAAA,EAAQ,KAA0B;AACzG,EAAA,MAAM,KAAA,GAAQA,kBAAS,YAAY;AAEjC,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,OAAO,EAAC;AAAA,IACV;AAEA,IAAA,MAAM,MAAA,GAAS,MAAM,EAAA,CAAG,MAAA,CAAO,OAAO,CAAA;AACtC,IAAA,OAAO,MAAA,CAAO,IAAIC,aAAQ,CAAA;AAAA,EAC5B,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,uBACEC,cAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,UAAU,KAAA,CAAM,OAAA;AAAA,MAChB,YAAA,EAAYC,MAAA,CAAE,iEAAA,EAAmE,gBAAgB,CAAA;AAAA,MACjG,OAAA;AAAA,MACA,aAAA,EAAaC,sBAAA,CAAU,UAAA,CAAW,cAAA,CAAe,mBAAA;AAAA,MACjD,KAAA,EAAO,KAAA;AAAA,MACP,SAAS,KAAA,CAAM,KAAA;AAAA,MACf,QAAA;AAAA,MACA,WAAW,KAAA,CAAM,OAAA;AAAA,MACjB,gBAAA,EAAkB,IAAA;AAAA,MAClB,WAAA,EACE,MAAM,OAAA,GACFD,MAAA,CAAE,6DAA6D,gBAAgB,CAAA,GAC/EA,MAAA,CAAE,gEAAA,EAAkE,cAAc,CAAA;AAAA,MAExF,gBAAA,EAAkB;AAAA;AAAA,GACpB;AAEJ;;;;"}

package/dist/cjs/components/configuration/ConnectionLimits.cjs

@@ -0,0 +1,162 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var i18n = require('@grafana/i18n');
+var pluginUi = require('@grafana/plugin-ui');
+var runtime = require('@grafana/runtime');
+var ui = require('@grafana/ui');
+var MaxLifetimeField = require('./MaxLifetimeField.cjs');
+var MaxOpenConnectionsField = require('./MaxOpenConnectionsField.cjs');
+var NumberInput = require('./NumberInput.cjs');
+
+"use strict";
+const ConnectionLimits = (props) => {
+  const { onOptionsChange, options } = props;
+  const jsonData = options.jsonData;
+  const autoIdle = jsonData.maxIdleConnsAuto !== void 0 ? jsonData.maxIdleConnsAuto : false;
+  const updateJsonData = (values) => {
+    const newOpts = {
+      ...options,
+      jsonData: {
+        ...jsonData,
+        ...values
+      }
+    };
+    return onOptionsChange(newOpts);
+  };
+  const onJSONDataNumberChanged = (property) => {
+    return (number) => {
+      updateJsonData({ [property]: number });
+    };
+  };
+  const onMaxConnectionsChanged = (number) => {
+    if (autoIdle && number) {
+      updateJsonData({
+        maxOpenConns: number,
+        maxIdleConns: number
+      });
+    } else {
+      updateJsonData({
+        maxOpenConns: number
+      });
+    }
+  };
+  const onConnectionIdleAutoChanged = () => {
+    let idleConns = void 0;
+    let maxConns = void 0;
+    if (!autoIdle) {
+      if (jsonData.maxOpenConns !== void 0) {
+        maxConns = jsonData.maxOpenConns;
+        idleConns = jsonData.maxOpenConns;
+      }
+    } else {
+      maxConns = jsonData.maxOpenConns;
+      idleConns = jsonData.maxIdleConns;
+    }
+    updateJsonData({
+      maxIdleConnsAuto: !autoIdle,
+      maxIdleConns: idleConns,
+      maxOpenConns: maxConns
+    });
+  };
+  const labelWidth = 40;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    pluginUi.ConfigSubSection,
+    {
+      title: i18n.t("grafana-sql.components.connection-limits.title-connection-limits", "Connection limits"),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { direction: "column", gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          MaxOpenConnectionsField.MaxOpenConnectionsField,
+          {
+            labelWidth,
+            onMaxConnectionsChanged,
+            jsonData
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Field,
+          {
+            noMargin: true,
+            label: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { gap: 0.5, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(i18n.Trans, { i18nKey: "grafana-sql.components.connection-limits.auto-max-idle", children: "Auto max idle" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Tooltip,
+                {
+                  content: /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+                    i18n.Trans,
+                    {
+                      i18nKey: "grafana-sql.components.connection-limits.content-auto-max-idle",
+                      values: { defaultMaxIdle: runtime.config.sqlConnectionLimits.maxIdleConns },
+                      children: [
+                        "If enabled, automatically set the number of ",
+                        /* @__PURE__ */ jsxRuntime.jsx("i", { children: "Maximum idle connections" }),
+                        " to the same value as",
+                        /* @__PURE__ */ jsxRuntime.jsx("i", { children: " Max open connections" }),
+                        ". If the number of maximum open connections is not set it will be set to the default (",
+                        "{{defaultMaxIdle}}",
+                        ")."
+                      ]
+                    }
+                  ) }),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { name: "info-circle", size: "sm" })
+                }
+              )
+            ] }) }),
+            children: /* @__PURE__ */ jsxRuntime.jsx(ui.Switch, { value: autoIdle, onChange: onConnectionIdleAutoChanged })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Field,
+          {
+            noMargin: true,
+            label: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { gap: 0.5, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(i18n.Trans, { i18nKey: "grafana-sql.components.connection-limits.max-idle", children: "Max idle" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Tooltip,
+                {
+                  content: /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsxs(i18n.Trans, { i18nKey: "grafana-sql.components.connection-limits.content-max-idle", children: [
+                    "The maximum number of connections in the idle connection pool.If ",
+                    /* @__PURE__ */ jsxRuntime.jsx("i", { children: "Max open connections" }),
+                    " is greater than 0 but less than the ",
+                    /* @__PURE__ */ jsxRuntime.jsx("i", { children: "Max idle connections" }),
+                    ", then the",
+                    " ",
+                    /* @__PURE__ */ jsxRuntime.jsx("i", { children: "Max idle connections" }),
+                    " will be reduced to match the ",
+                    /* @__PURE__ */ jsxRuntime.jsx("i", { children: "Max open connections" }),
+                    " limit. If set to 0, no idle connections are retained."
+                  ] }) }),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { name: "info-circle", size: "sm" })
+                }
+              )
+            ] }) }),
+            children: autoIdle ? /* @__PURE__ */ jsxRuntime.jsx(ui.InlineLabel, { width: labelWidth, children: options.jsonData.maxIdleConns }) : /* @__PURE__ */ jsxRuntime.jsx(
+              NumberInput.NumberInput,
+              {
+                value: jsonData.maxIdleConns,
+                defaultValue: runtime.config.sqlConnectionLimits.maxIdleConns,
+                onChange: (value) => {
+                  onJSONDataNumberChanged("maxIdleConns")(value);
+                },
+                width: labelWidth
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          MaxLifetimeField.MaxLifetimeField,
+          {
+            labelWidth,
+            onMaxLifetimeChanged: onJSONDataNumberChanged("connMaxLifetime"),
+            jsonData
+          }
+        )
+      ] })
+    }
+  );
+};
+
+exports.ConnectionLimits = ConnectionLimits;
+//# sourceMappingURL=ConnectionLimits.cjs.map

package/dist/cjs/components/configuration/ConnectionLimits.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionLimits.cjs","sources":["../../../../src/components/configuration/ConnectionLimits.tsx"],"sourcesContent":["import { DataSourceSettings } from '@grafana/data';\nimport { t, Trans } from '@grafana/i18n';\nimport { ConfigSubSection } from '@grafana/plugin-ui';\nimport { config } from '@grafana/runtime';\nimport { Field, Icon, InlineLabel, Label, Stack, Switch, Tooltip } from '@grafana/ui';\n\nimport { SQLConnectionLimits, SQLOptions } from '../../types';\n\nimport { MaxLifetimeField } from './MaxLifetimeField';\nimport { MaxOpenConnectionsField } from './MaxOpenConnectionsField';\nimport { NumberInput } from './NumberInput';\n\ninterface Props<T> {\n  onOptionsChange: Function;\n  options: DataSourceSettings<SQLOptions>;\n}\n\nexport const ConnectionLimits = <T extends SQLConnectionLimits>(props: Props<T>) => {\n  const { onOptionsChange, options } = props;\n  const jsonData = options.jsonData;\n  const autoIdle = jsonData.maxIdleConnsAuto !== undefined ? jsonData.maxIdleConnsAuto : false;\n\n  // Update JSON data with new values\n  const updateJsonData = (values: {}) => {\n    const newOpts = {\n      ...options,\n      jsonData: {\n        ...jsonData,\n        ...values,\n      },\n    };\n\n    return onOptionsChange(newOpts);\n  };\n\n  // For the case of idle connections and connection lifetime\n  // use a shared function to update respective properties\n  const onJSONDataNumberChanged = (property: keyof SQLConnectionLimits) => {\n    return (number?: number) => {\n      updateJsonData({ [property]: number });\n    };\n  };\n\n  // When the maximum number of connections is changed\n  // see if we have the automatic idle option enabled\n  const onMaxConnectionsChanged = (number?: number) => {\n    if (autoIdle && number) {\n      updateJsonData({\n        maxOpenConns: number,\n        maxIdleConns: number,\n      });\n    } else {\n      updateJsonData({\n        maxOpenConns: number,\n      });\n    }\n  };\n\n  // Update auto idle setting when control is toggled\n  // and set minimum idle connections if automatic\n  // is selected\n  const onConnectionIdleAutoChanged = () => {\n    let idleConns = undefined;\n    let maxConns = undefined;\n\n    // If the maximum number of open connections is undefined\n    // and we're setting auto idle then set the default amount\n    // otherwise take the numeric amount and get the value from that\n    if (!autoIdle) {\n      if (jsonData.maxOpenConns !== undefined) {\n        maxConns = jsonData.maxOpenConns;\n        idleConns = jsonData.maxOpenConns;\n      }\n    } else {\n      maxConns = jsonData.maxOpenConns;\n      idleConns = jsonData.maxIdleConns;\n    }\n\n    updateJsonData({\n      maxIdleConnsAuto: !autoIdle,\n      maxIdleConns: idleConns,\n      maxOpenConns: maxConns,\n    });\n  };\n\n  const labelWidth = 40;\n\n  return (\n    <ConfigSubSection\n      title={t('grafana-sql.components.connection-limits.title-connection-limits', 'Connection limits')}\n    >\n      <Stack direction=\"column\" gap={2}>\n        <MaxOpenConnectionsField\n          labelWidth={labelWidth}\n          onMaxConnectionsChanged={onMaxConnectionsChanged}\n          jsonData={jsonData}\n        />\n\n        <Field\n          noMargin\n          label={\n            <Label>\n              <Stack gap={0.5}>\n                <span>\n                  <Trans i18nKey=\"grafana-sql.components.connection-limits.auto-max-idle\">Auto max idle</Trans>\n                </span>\n                <Tooltip\n                  content={\n                    <span>\n                      <Trans\n                        i18nKey=\"grafana-sql.components.connection-limits.content-auto-max-idle\"\n                        values={{ defaultMaxIdle: config.sqlConnectionLimits.maxIdleConns }}\n                      >\n                        If enabled, automatically set the number of <i>Maximum idle connections</i> to the same value as\n                        <i> Max open connections</i>. If the number of maximum open connections is not set it will be\n                        set to the default ({'{{defaultMaxIdle}}'}).\n                      </Trans>\n                    </span>\n                  }\n                >\n                  <Icon name=\"info-circle\" size=\"sm\" />\n                </Tooltip>\n              </Stack>\n            </Label>\n          }\n        >\n          <Switch value={autoIdle} onChange={onConnectionIdleAutoChanged} />\n        </Field>\n\n        <Field\n          noMargin\n          label={\n            <Label>\n              <Stack gap={0.5}>\n                <span>\n                  <Trans i18nKey=\"grafana-sql.components.connection-limits.max-idle\">Max idle</Trans>\n                </span>\n                <Tooltip\n                  content={\n                    <span>\n                      <Trans i18nKey=\"grafana-sql.components.connection-limits.content-max-idle\">\n                        The maximum number of connections in the idle connection pool.If <i>Max open connections</i> is\n                        greater than 0 but less than the <i>Max idle connections</i>, then the{' '}\n                        <i>Max idle connections</i> will be reduced to match the <i>Max open connections</i> limit. If\n                        set to 0, no idle connections are retained.\n                      </Trans>\n                    </span>\n                  }\n                >\n                  <Icon name=\"info-circle\" size=\"sm\" />\n                </Tooltip>\n              </Stack>\n            </Label>\n          }\n        >\n          {autoIdle ? (\n            <InlineLabel width={labelWidth}>{options.jsonData.maxIdleConns}</InlineLabel>\n          ) : (\n            <NumberInput\n              value={jsonData.maxIdleConns}\n              defaultValue={config.sqlConnectionLimits.maxIdleConns}\n              onChange={(value) => {\n                onJSONDataNumberChanged('maxIdleConns')(value);\n              }}\n              width={labelWidth}\n            />\n          )}\n        </Field>\n\n        <MaxLifetimeField\n          labelWidth={labelWidth}\n          onMaxLifetimeChanged={onJSONDataNumberChanged('connMaxLifetime')}\n          jsonData={jsonData}\n        />\n      </Stack>\n    </ConfigSubSection>\n  );\n};\n"],"names":["jsx","ConfigSubSection","t","jsxs","Stack","MaxOpenConnectionsField","Field","Label","Trans","Tooltip","config","Icon","Switch","InlineLabel","NumberInput","MaxLifetimeField"],"mappings":"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"}

package/dist/cjs/components/configuration/Divider.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var css = require('@emotion/css');
+var ui = require('@grafana/ui');
+
+"use strict";
+const Divider = () => {
+  const styles = ui.useStyles2(getStyles);
+  return /* @__PURE__ */ jsxRuntime.jsx("hr", { className: styles.horizontalDivider });
+};
+const getStyles = (theme) => {
+  return {
+    horizontalDivider: css.css({
+      borderTop: `1px solid ${theme.colors.border.weak}`,
+      margin: theme.spacing(2, 0),
+      width: "100%"
+    })
+  };
+};
+
+exports.Divider = Divider;
+//# sourceMappingURL=Divider.cjs.map

package/dist/cjs/components/configuration/Divider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.cjs","sources":["../../../../src/components/configuration/Divider.tsx"],"sourcesContent":["import { css } from '@emotion/css';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { useStyles2 } from '@grafana/ui';\n\n// this custom component is necessary because the Grafana UI <Divider /> component is not backwards compatible with Grafana < 10.1.0\nexport const Divider = () => {\n  const styles = useStyles2(getStyles);\n  return <hr className={styles.horizontalDivider} />;\n};\n\nconst getStyles = (theme: GrafanaTheme2) => {\n  return {\n    horizontalDivider: css({\n      borderTop: `1px solid ${theme.colors.border.weak}`,\n      margin: theme.spacing(2, 0),\n      width: '100%',\n    }),\n  };\n};\n"],"names":["useStyles2","jsx","css"],"mappings":";;;;;;;;;AAMO,MAAM,UAAU,MAAM;AAC3B,EAAA,MAAM,MAAA,GAASA,cAAW,SAAS,CAAA;AACnC,EAAA,uBAAOC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,iBAAA,EAAmB,CAAA;AAClD;AAEA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAyB;AAC1C,EAAA,OAAO;AAAA,IACL,mBAAmBC,OAAA,CAAI;AAAA,MACrB,SAAA,EAAW,CAAA,UAAA,EAAa,KAAA,CAAM,MAAA,CAAO,OAAO,IAAI,CAAA,CAAA;AAAA,MAChD,MAAA,EAAQ,KAAA,CAAM,OAAA,CAAQ,CAAA,EAAG,CAAC,CAAA;AAAA,MAC1B,KAAA,EAAO;AAAA,KACR;AAAA,GACH;AACF,CAAA;;;;"}

package/dist/cjs/components/configuration/MaxLifetimeField.cjs

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var i18n = require('@grafana/i18n');
+var runtime = require('@grafana/runtime');
+var ui = require('@grafana/ui');
+var NumberInput = require('./NumberInput.cjs');
+
+"use strict";
+function MaxLifetimeField({ labelWidth, onMaxLifetimeChanged, jsonData }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Field,
+    {
+      noMargin: true,
+      label: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { gap: 0.5, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(i18n.Trans, { i18nKey: "grafana-sql.components.connection-limits.max-lifetime", children: "Max lifetime" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Tooltip,
+          {
+            content: /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(i18n.Trans, { i18nKey: "grafana-sql.components.connection-limits.content-max-lifetime", children: "The maximum amount of time in seconds a connection may be reused. If set to 0, connections are reused forever." }) }),
+            children: /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { name: "info-circle", size: "sm" })
+          }
+        )
+      ] }) }),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        NumberInput.NumberInput,
+        {
+          value: jsonData.connMaxLifetime,
+          defaultValue: runtime.config.sqlConnectionLimits.connMaxLifetime,
+          onChange: onMaxLifetimeChanged,
+          width: labelWidth
+        }
+      )
+    }
+  );
+}
+
+exports.MaxLifetimeField = MaxLifetimeField;
+//# sourceMappingURL=MaxLifetimeField.cjs.map