@grafana/sql 0.0.0 → 13.0.0-23483592685

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

@@ -0,0 +1 @@
+{"version":3,"file":"MaxLifetimeField.cjs","sources":["../../../../src/components/configuration/MaxLifetimeField.tsx"],"sourcesContent":["import { Trans } from '@grafana/i18n';\nimport { config } from '@grafana/runtime';\nimport { Field, Icon, Label, Stack, Tooltip } from '@grafana/ui';\n\nimport { SQLOptions } from '../../types';\n\nimport { NumberInput } from './NumberInput';\n\ninterface Props {\n  labelWidth: number;\n  onMaxLifetimeChanged: (number?: number) => void;\n  jsonData: SQLOptions;\n}\nexport function MaxLifetimeField({ labelWidth, onMaxLifetimeChanged, jsonData }: Props) {\n  return (\n    <Field\n      noMargin\n      label={\n        <Label>\n          <Stack gap={0.5}>\n            <span>\n              <Trans i18nKey=\"grafana-sql.components.connection-limits.max-lifetime\">Max lifetime</Trans>\n            </span>\n            <Tooltip\n              content={\n                <span>\n                  <Trans i18nKey=\"grafana-sql.components.connection-limits.content-max-lifetime\">\n                    The maximum amount of time in seconds a connection may be reused. If set to 0, connections are\n                    reused forever.\n                  </Trans>\n                </span>\n              }\n            >\n              <Icon name=\"info-circle\" size=\"sm\" />\n            </Tooltip>\n          </Stack>\n        </Label>\n      }\n    >\n      <NumberInput\n        value={jsonData.connMaxLifetime}\n        defaultValue={config.sqlConnectionLimits.connMaxLifetime}\n        onChange={onMaxLifetimeChanged}\n        width={labelWidth}\n      />\n    </Field>\n  );\n}\n"],"names":["jsx","Field","Label","jsxs","Stack","Trans","Tooltip","Icon","NumberInput","config"],"mappings":";;;;;;;;;;;AAaO,SAAS,gBAAA,CAAiB,EAAE,UAAA,EAAY,oBAAA,EAAsB,UAAS,EAAU;AACtF,EAAA,uBACEA,cAAA;AAAA,IAACC,QAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAQ,IAAA;AAAA,MACR,uBACED,cAAA,CAACE,QAAA,EAAA,EACC,QAAA,kBAAAC,eAAA,CAACC,QAAA,EAAA,EAAM,KAAK,GAAA,EACV,QAAA,EAAA;AAAA,wBAAAJ,cAAA,CAAC,UACC,QAAA,kBAAAA,cAAA,CAACK,UAAA,EAAA,EAAM,OAAA,EAAQ,uDAAA,EAAwD,0BAAY,CAAA,EACrF,CAAA;AAAA,wBACAL,cAAA;AAAA,UAACM,UAAA;AAAA,UAAA;AAAA,YACC,OAAA,iCACG,MAAA,EAAA,EACC,QAAA,kBAAAN,cAAA,CAACK,cAAM,OAAA,EAAQ,+DAAA,EAAgE,4HAG/E,CAAA,EACF,CAAA;AAAA,YAGF,QAAA,kBAAAL,cAAA,CAACO,OAAA,EAAA,EAAK,IAAA,EAAK,aAAA,EAAc,MAAK,IAAA,EAAK;AAAA;AAAA;AACrC,OAAA,EACF,CAAA,EACF,CAAA;AAAA,MAGF,QAAA,kBAAAP,cAAA;AAAA,QAACQ,uBAAA;AAAA,QAAA;AAAA,UACC,OAAO,QAAA,CAAS,eAAA;AAAA,UAChB,YAAA,EAAcC,eAAO,mBAAA,CAAoB,eAAA;AAAA,UACzC,QAAA,EAAU,oBAAA;AAAA,UACV,KAAA,EAAO;AAAA;AAAA;AACT;AAAA,GACF;AAEJ;;;;"}

package/dist/cjs/components/configuration/MaxOpenConnectionsField.cjs

@@ -0,0 +1,53 @@
+'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 MaxOpenConnectionsField({ labelWidth, onMaxConnectionsChanged, 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-open", children: "Max open" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Tooltip,
+          {
+            content: /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsxs(i18n.Trans, { i18nKey: "grafana-sql.components.connection-limits.content-max-open", children: [
+              "The maximum number of open connections to the database. If ",
+              /* @__PURE__ */ jsxRuntime.jsx("i", { children: "Max idle connections" }),
+              " is greater than 0 and the ",
+              /* @__PURE__ */ jsxRuntime.jsx("i", { children: "Max open connections" }),
+              " is less than ",
+              /* @__PURE__ */ jsxRuntime.jsx("i", { children: "Max idle connections" }),
+              ", then",
+              /* @__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, there is no limit on the number of open connections."
+            ] }) }),
+            children: /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { name: "info-circle", size: "sm" })
+          }
+        )
+      ] }) }),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        NumberInput.NumberInput,
+        {
+          value: jsonData.maxOpenConns,
+          defaultValue: runtime.config.sqlConnectionLimits.maxOpenConns,
+          onChange: onMaxConnectionsChanged,
+          width: labelWidth
+        }
+      )
+    }
+  );
+}
+
+exports.MaxOpenConnectionsField = MaxOpenConnectionsField;
+//# sourceMappingURL=MaxOpenConnectionsField.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MaxOpenConnectionsField.cjs","sources":["../../../../src/components/configuration/MaxOpenConnectionsField.tsx"],"sourcesContent":["import { Trans } from '@grafana/i18n';\nimport { config } from '@grafana/runtime';\nimport { Field, Icon, Label, Stack, Tooltip } from '@grafana/ui';\n\nimport { SQLOptions } from '../../types';\n\nimport { NumberInput } from './NumberInput';\n\ninterface Props {\n  labelWidth: number;\n  onMaxConnectionsChanged: (number?: number) => void;\n  jsonData: SQLOptions;\n}\n\nexport function MaxOpenConnectionsField({ labelWidth, onMaxConnectionsChanged, jsonData }: Props) {\n  return (\n    <Field\n      noMargin\n      label={\n        <Label>\n          <Stack gap={0.5}>\n            <span>\n              <Trans i18nKey=\"grafana-sql.components.connection-limits.max-open\">Max open</Trans>\n            </span>\n            <Tooltip\n              content={\n                <span>\n                  <Trans i18nKey=\"grafana-sql.components.connection-limits.content-max-open\">\n                    The maximum number of open connections to the database. If <i>Max idle connections</i> is greater\n                    than 0 and the <i>Max open connections</i> is less than <i>Max idle connections</i>, then\n                    <i>Max idle connections</i> will be reduced to match the <i>Max open connections</i> limit. If set\n                    to 0, there is no limit on the number of open connections.\n                  </Trans>\n                </span>\n              }\n            >\n              <Icon name=\"info-circle\" size=\"sm\" />\n            </Tooltip>\n          </Stack>\n        </Label>\n      }\n    >\n      <NumberInput\n        value={jsonData.maxOpenConns}\n        defaultValue={config.sqlConnectionLimits.maxOpenConns}\n        onChange={onMaxConnectionsChanged}\n        width={labelWidth}\n      />\n    </Field>\n  );\n}\n"],"names":["jsx","Field","Label","jsxs","Stack","Trans","Tooltip","Icon","NumberInput","config"],"mappings":";;;;;;;;;;;AAcO,SAAS,uBAAA,CAAwB,EAAE,UAAA,EAAY,uBAAA,EAAyB,UAAS,EAAU;AAChG,EAAA,uBACEA,cAAA;AAAA,IAACC,QAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAQ,IAAA;AAAA,MACR,uBACED,cAAA,CAACE,QAAA,EAAA,EACC,QAAA,kBAAAC,eAAA,CAACC,QAAA,EAAA,EAAM,KAAK,GAAA,EACV,QAAA,EAAA;AAAA,wBAAAJ,cAAA,CAAC,UACC,QAAA,kBAAAA,cAAA,CAACK,UAAA,EAAA,EAAM,OAAA,EAAQ,mDAAA,EAAoD,sBAAQ,CAAA,EAC7E,CAAA;AAAA,wBACAL,cAAA;AAAA,UAACM,UAAA;AAAA,UAAA;AAAA,YACC,yBACEN,cAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAG,eAAA,CAACE,UAAA,EAAA,EAAM,SAAQ,2DAAA,EAA4D,QAAA,EAAA;AAAA,cAAA,6DAAA;AAAA,8BACdL,cAAA,CAAC,OAAE,QAAA,EAAA,sBAAA,EAAoB,CAAA;AAAA,cAAI,6BAAA;AAAA,8BACvEA,cAAA,CAAC,OAAE,QAAA,EAAA,sBAAA,EAAoB,CAAA;AAAA,cAAI,gBAAA;AAAA,8BAAcA,cAAA,CAAC,OAAE,QAAA,EAAA,sBAAA,EAAoB,CAAA;AAAA,cAAI,QAAA;AAAA,8BACnFA,cAAA,CAAC,OAAE,QAAA,EAAA,sBAAA,EAAoB,CAAA;AAAA,cAAI,gCAAA;AAAA,8BAA8BA,cAAA,CAAC,OAAE,QAAA,EAAA,sBAAA,EAAoB,CAAA;AAAA,cAAI;AAAA,aAAA,EAEtF,CAAA,EACF,CAAA;AAAA,YAGF,QAAA,kBAAAA,cAAA,CAACO,OAAA,EAAA,EAAK,IAAA,EAAK,aAAA,EAAc,MAAK,IAAA,EAAK;AAAA;AAAA;AACrC,OAAA,EACF,CAAA,EACF,CAAA;AAAA,MAGF,QAAA,kBAAAP,cAAA;AAAA,QAACQ,uBAAA;AAAA,QAAA;AAAA,UACC,OAAO,QAAA,CAAS,YAAA;AAAA,UAChB,YAAA,EAAcC,eAAO,mBAAA,CAAoB,YAAA;AAAA,UACzC,QAAA,EAAU,uBAAA;AAAA,UACV,KAAA,EAAO;AAAA;AAAA;AACT;AAAA,GACF;AAEJ;;;;"}

package/dist/cjs/components/configuration/NumberInput.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var ui = require('@grafana/ui');
+
+"use strict";
+function NumberInput({ value, defaultValue, onChange, width }) {
+  const [isEmpty, setIsEmpty] = react.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Input,
+    {
+      type: "number",
+      placeholder: String(defaultValue),
+      value: isEmpty ? "" : value,
+      onChange: (e) => {
+        var _a;
+        if (((_a = e.currentTarget.value) == null ? void 0 : _a.trim()) === "") {
+          setIsEmpty(true);
+          onChange(defaultValue);
+        } else {
+          setIsEmpty(false);
+          const newVal = Number(e.currentTarget.value);
+          if (!Number.isNaN(newVal)) {
+            onChange(newVal);
+          }
+        }
+      },
+      width
+    }
+  );
+}
+
+exports.NumberInput = NumberInput;
+//# sourceMappingURL=NumberInput.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.cjs","sources":["../../../../src/components/configuration/NumberInput.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Input } from '@grafana/ui';\n\ntype NumberInputProps = {\n  value: number;\n  defaultValue: number;\n  onChange: (value: number) => void;\n  width: number;\n};\n\nexport function NumberInput({ value, defaultValue, onChange, width }: NumberInputProps) {\n  const [isEmpty, setIsEmpty] = useState(false);\n  return (\n    <Input\n      type=\"number\"\n      placeholder={String(defaultValue)}\n      value={isEmpty ? '' : value}\n      onChange={(e) => {\n        if (e.currentTarget.value?.trim() === '') {\n          setIsEmpty(true);\n          onChange(defaultValue);\n        } else {\n          setIsEmpty(false);\n          const newVal = Number(e.currentTarget.value);\n          if (!Number.isNaN(newVal)) {\n            onChange(newVal);\n          }\n        }\n      }}\n      width={width}\n    />\n  );\n}\n"],"names":["useState","jsx","Input"],"mappings":";;;;;;;;;AAWO,SAAS,YAAY,EAAE,KAAA,EAAO,YAAA,EAAc,QAAA,EAAU,OAAM,EAAqB;AACtF,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAS,KAAK,CAAA;AAC5C,EAAA,uBACEC,cAAA;AAAA,IAACC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAa,OAAO,YAAY,CAAA;AAAA,MAChC,KAAA,EAAO,UAAU,EAAA,GAAK,KAAA;AAAA,MACtB,QAAA,EAAU,CAAC,CAAA,KAAM;AAlBvB,QAAA,IAAA,EAAA;AAmBQ,QAAA,IAAA,CAAA,CAAI,EAAA,GAAA,CAAA,CAAE,aAAA,CAAc,KAAA,KAAhB,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAuB,YAAW,EAAA,EAAI;AACxC,UAAA,UAAA,CAAW,IAAI,CAAA;AACf,UAAA,QAAA,CAAS,YAAY,CAAA;AAAA,QACvB,CAAA,MAAO;AACL,UAAA,UAAA,CAAW,KAAK,CAAA;AAChB,UAAA,MAAM,MAAA,GAAS,MAAA,CAAO,CAAA,CAAE,aAAA,CAAc,KAAK,CAAA;AAC3C,UAAA,IAAI,CAAC,MAAA,CAAO,KAAA,CAAM,MAAM,CAAA,EAAG;AACzB,YAAA,QAAA,CAAS,MAAM,CAAA;AAAA,UACjB;AAAA,QACF;AAAA,MACF,CAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/cjs/components/configuration/TLSSecretsConfig.cjs

@@ -0,0 +1,106 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var data = require('@grafana/data');
+var i18n = require('@grafana/i18n');
+var ui = require('@grafana/ui');
+
+"use strict";
+const TLSSecretsConfig = (props) => {
+  const { editorProps, showCACert, showKeyPair = true } = props;
+  const { secureJsonFields } = editorProps.options;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    showKeyPair ? /* @__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.tlssecrets-config.tlsssl-client-certificate", children: "TLS/SSL Client Certificate" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Tooltip,
+            {
+              content: /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(i18n.Trans, { i18nKey: "grafana-sql.components.tlssecrets-config.content-tlsssl-client-certificate", children: "To authenticate with an TLS/SSL client certificate, provide the client certificate here." }) }),
+              children: /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { name: "info-circle", size: "sm" })
+            }
+          )
+        ] }) }),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          ui.SecretTextArea,
+          {
+            placeholder: "-----BEGIN CERTIFICATE-----",
+            cols: 45,
+            rows: 7,
+            isConfigured: secureJsonFields && secureJsonFields.tlsClientCert,
+            onChange: data.onUpdateDatasourceSecureJsonDataOption(editorProps, "tlsClientCert"),
+            onReset: () => {
+              data.updateDatasourcePluginResetOption(editorProps, "tlsClientCert");
+            }
+          }
+        )
+      }
+    ) : null,
+    showCACert ? /* @__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.tlssecrets-config.tlsssl-root-certificate", children: "TLS/SSL Root Certificate" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Tooltip,
+            {
+              content: /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(i18n.Trans, { i18nKey: "grafana-sql.components.tlssecrets-config.content-tlsssl-root-certificate", children: "If the selected TLS/SSL mode requires a server root certificate, provide it here" }) }),
+              children: /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { name: "info-circle", size: "sm" })
+            }
+          )
+        ] }) }),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          ui.SecretTextArea,
+          {
+            placeholder: "-----BEGIN CERTIFICATE-----",
+            cols: 45,
+            rows: 7,
+            isConfigured: secureJsonFields && secureJsonFields.tlsCACert,
+            onChange: data.onUpdateDatasourceSecureJsonDataOption(editorProps, "tlsCACert"),
+            onReset: () => {
+              data.updateDatasourcePluginResetOption(editorProps, "tlsCACert");
+            }
+          }
+        )
+      }
+    ) : null,
+    showKeyPair ? /* @__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.tlssecrets-config.tlsssl-client-key", children: "TLS/SSL Client Key" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Tooltip,
+            {
+              content: /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(i18n.Trans, { i18nKey: "grafana-sql.components.tlssecrets-config.content-tlsssl-client-key", children: "To authenticate with a client TLS/SSL certificate, provide the key here." }) }),
+              children: /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { name: "info-circle", size: "sm" })
+            }
+          )
+        ] }) }),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          ui.SecretTextArea,
+          {
+            placeholder: "-----BEGIN RSA PRIVATE KEY-----",
+            cols: 45,
+            rows: 7,
+            isConfigured: secureJsonFields && secureJsonFields.tlsClientKey,
+            onChange: data.onUpdateDatasourceSecureJsonDataOption(editorProps, "tlsClientKey"),
+            onReset: () => {
+              data.updateDatasourcePluginResetOption(editorProps, "tlsClientKey");
+            }
+          }
+        )
+      }
+    ) : null
+  ] });
+};
+
+exports.TLSSecretsConfig = TLSSecretsConfig;
+//# sourceMappingURL=TLSSecretsConfig.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TLSSecretsConfig.cjs","sources":["../../../../src/components/configuration/TLSSecretsConfig.tsx"],"sourcesContent":["import {\n  DataSourceJsonData,\n  DataSourcePluginOptionsEditorProps,\n  KeyValue,\n  onUpdateDatasourceSecureJsonDataOption,\n  updateDatasourcePluginResetOption,\n} from '@grafana/data';\nimport { Trans } from '@grafana/i18n';\nimport { Field, Icon, Label, SecretTextArea, Tooltip, Stack } from '@grafana/ui';\n\nexport interface Props<T extends DataSourceJsonData, S> {\n  editorProps: DataSourcePluginOptionsEditorProps<T, S>;\n  showCACert?: boolean;\n  showKeyPair?: boolean;\n  secureJsonFields?: KeyValue<Boolean>;\n  labelWidth?: number;\n}\n\nexport const TLSSecretsConfig = <T extends DataSourceJsonData, S extends {} = {}>(props: Props<T, S>) => {\n  const { editorProps, showCACert, showKeyPair = true } = props;\n  const { secureJsonFields } = editorProps.options;\n  return (\n    <>\n      {showKeyPair ? (\n        <Field\n          noMargin\n          label={\n            <Label>\n              <Stack gap={0.5}>\n                <span>\n                  <Trans i18nKey=\"grafana-sql.components.tlssecrets-config.tlsssl-client-certificate\">\n                    TLS/SSL Client Certificate\n                  </Trans>\n                </span>\n                <Tooltip\n                  content={\n                    <span>\n                      <Trans i18nKey=\"grafana-sql.components.tlssecrets-config.content-tlsssl-client-certificate\">\n                        To authenticate with an TLS/SSL client certificate, provide the client certificate here.\n                      </Trans>\n                    </span>\n                  }\n                >\n                  <Icon name=\"info-circle\" size=\"sm\" />\n                </Tooltip>\n              </Stack>\n            </Label>\n          }\n        >\n          <SecretTextArea\n            // eslint-disable-next-line @grafana/i18n/no-untranslated-strings\n            placeholder=\"-----BEGIN CERTIFICATE-----\"\n            cols={45}\n            rows={7}\n            isConfigured={secureJsonFields && secureJsonFields.tlsClientCert}\n            onChange={onUpdateDatasourceSecureJsonDataOption(editorProps, 'tlsClientCert')}\n            onReset={() => {\n              updateDatasourcePluginResetOption(editorProps, 'tlsClientCert');\n            }}\n          />\n        </Field>\n      ) : null}\n      {showCACert ? (\n        <Field\n          noMargin\n          label={\n            <Label>\n              <Stack gap={0.5}>\n                <span>\n                  <Trans i18nKey=\"grafana-sql.components.tlssecrets-config.tlsssl-root-certificate\">\n                    TLS/SSL Root Certificate\n                  </Trans>\n                </span>\n                <Tooltip\n                  content={\n                    <span>\n                      <Trans i18nKey=\"grafana-sql.components.tlssecrets-config.content-tlsssl-root-certificate\">\n                        If the selected TLS/SSL mode requires a server root certificate, provide it here\n                      </Trans>\n                    </span>\n                  }\n                >\n                  <Icon name=\"info-circle\" size=\"sm\" />\n                </Tooltip>\n              </Stack>\n            </Label>\n          }\n        >\n          <SecretTextArea\n            // eslint-disable-next-line @grafana/i18n/no-untranslated-strings\n            placeholder=\"-----BEGIN CERTIFICATE-----\"\n            cols={45}\n            rows={7}\n            isConfigured={secureJsonFields && secureJsonFields.tlsCACert}\n            onChange={onUpdateDatasourceSecureJsonDataOption(editorProps, 'tlsCACert')}\n            onReset={() => {\n              updateDatasourcePluginResetOption(editorProps, 'tlsCACert');\n            }}\n          />\n        </Field>\n      ) : null}\n      {showKeyPair ? (\n        <Field\n          noMargin\n          label={\n            <Label>\n              <Stack gap={0.5}>\n                <span>\n                  <Trans i18nKey=\"grafana-sql.components.tlssecrets-config.tlsssl-client-key\">TLS/SSL Client Key</Trans>\n                </span>\n                <Tooltip\n                  content={\n                    <span>\n                      <Trans i18nKey=\"grafana-sql.components.tlssecrets-config.content-tlsssl-client-key\">\n                        To authenticate with a client TLS/SSL certificate, provide the key here.\n                      </Trans>\n                    </span>\n                  }\n                >\n                  <Icon name=\"info-circle\" size=\"sm\" />\n                </Tooltip>\n              </Stack>\n            </Label>\n          }\n        >\n          <SecretTextArea\n            // eslint-disable-next-line @grafana/i18n/no-untranslated-strings\n            placeholder=\"-----BEGIN RSA PRIVATE KEY-----\"\n            cols={45}\n            rows={7}\n            isConfigured={secureJsonFields && secureJsonFields.tlsClientKey}\n            onChange={onUpdateDatasourceSecureJsonDataOption(editorProps, 'tlsClientKey')}\n            onReset={() => {\n              updateDatasourcePluginResetOption(editorProps, 'tlsClientKey');\n            }}\n          />\n        </Field>\n      ) : null}\n    </>\n  );\n};\n"],"names":["jsxs","Fragment","jsx","Field","Label","Stack","Trans","Tooltip","Icon","SecretTextArea","onUpdateDatasourceSecureJsonDataOption","updateDatasourcePluginResetOption"],"mappings":"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"}

package/dist/cjs/components/configuration/useMigrateDatabaseFields.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var runtime = require('@grafana/runtime');
+var logging = require('../../utils/logging.cjs');
+
+"use strict";
+function useMigrateDatabaseFields({
+  onOptionsChange,
+  options
+}) {
+  react.useEffect(() => {
+    const jsonData = options.jsonData;
+    let newOptions = { ...options };
+    let optionsUpdated = false;
+    if (options.database) {
+      logging.sqlPluginLogger.logDebug(`Migrating from options.database with value ${options.database} for ${options.name}`);
+      newOptions.database = "";
+      newOptions.jsonData = { ...jsonData, database: options.database };
+      optionsUpdated = true;
+    }
+    if (jsonData.maxOpenConns === void 0 && jsonData.maxIdleConns === void 0 && jsonData.maxIdleConnsAuto === void 0) {
+      const { maxOpenConns, maxIdleConns } = runtime.config.sqlConnectionLimits;
+      logging.sqlPluginLogger.logDebug(
+        `Setting default max open connections to ${maxOpenConns} and setting max idle connection to ${maxIdleConns}`
+      );
+      newOptions.jsonData = {
+        ...newOptions.jsonData,
+        maxOpenConns,
+        maxIdleConns,
+        maxIdleConnsAuto: true
+      };
+      optionsUpdated = true;
+    }
+    if (jsonData.connMaxLifetime === void 0) {
+      const { connMaxLifetime } = runtime.config.sqlConnectionLimits;
+      newOptions.jsonData = {
+        ...newOptions.jsonData,
+        connMaxLifetime
+      };
+      optionsUpdated = true;
+    }
+    if (optionsUpdated) {
+      onOptionsChange(newOptions);
+    }
+  }, [onOptionsChange, options]);
+}
+
+exports.useMigrateDatabaseFields = useMigrateDatabaseFields;
+//# sourceMappingURL=useMigrateDatabaseFields.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMigrateDatabaseFields.cjs","sources":["../../../../src/components/configuration/useMigrateDatabaseFields.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { DataSourcePluginOptionsEditorProps } from '@grafana/data';\nimport { config } from '@grafana/runtime';\n\nimport { SQLOptions } from '../../types';\nimport { sqlPluginLogger } from '../../utils/logging';\n\n/**\n * 1. Moves the database field from the options object to jsonData.database and empties the database field.\n * 2. If max open connections, max idle connections, and auto idle are all undefined set these to default values.\n */\nexport function useMigrateDatabaseFields<T extends SQLOptions, S = {}>({\n  onOptionsChange,\n  options,\n}: DataSourcePluginOptionsEditorProps<T, S>) {\n  useEffect(() => {\n    const jsonData = options.jsonData;\n    let newOptions = { ...options };\n    let optionsUpdated = false;\n\n    // Migrate the database field from the column into the jsonData object\n    if (options.database) {\n      sqlPluginLogger.logDebug(`Migrating from options.database with value ${options.database} for ${options.name}`);\n      newOptions.database = '';\n      newOptions.jsonData = { ...jsonData, database: options.database };\n      optionsUpdated = true;\n    }\n\n    // Set default values for max open connections, max idle connection,\n    // and auto idle if they're all undefined\n    if (\n      jsonData.maxOpenConns === undefined &&\n      jsonData.maxIdleConns === undefined &&\n      jsonData.maxIdleConnsAuto === undefined\n    ) {\n      const { maxOpenConns, maxIdleConns } = config.sqlConnectionLimits;\n\n      sqlPluginLogger.logDebug(\n        `Setting default max open connections to ${maxOpenConns} and setting max idle connection to ${maxIdleConns}`\n      );\n\n      // Spread from the jsonData in new options in case\n      // the database field was migrated as well\n      newOptions.jsonData = {\n        ...newOptions.jsonData,\n        maxOpenConns: maxOpenConns,\n        maxIdleConns: maxIdleConns,\n        maxIdleConnsAuto: true,\n      };\n\n      // Make sure we issue an update if options changed\n      optionsUpdated = true;\n    }\n\n    // If the maximum connection lifetime hasn't been\n    // otherwise set fill in with the default from configuration\n    if (jsonData.connMaxLifetime === undefined) {\n      const { connMaxLifetime } = config.sqlConnectionLimits;\n\n      // Spread new options and add our value\n      newOptions.jsonData = {\n        ...newOptions.jsonData,\n        connMaxLifetime: connMaxLifetime,\n      };\n\n      // Note that we've updated the options\n      optionsUpdated = true;\n    }\n\n    // Only issue an update if we changed options\n    if (optionsUpdated) {\n      onOptionsChange(newOptions);\n    }\n  }, [onOptionsChange, options]);\n}\n"],"names":["useEffect","sqlPluginLogger","config"],"mappings":";;;;;;;;;AAYO,SAAS,wBAAA,CAAuD;AAAA,EACrE,eAAA;AAAA,EACA;AACF,CAAA,EAA6C;AAC3C,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,WAAW,OAAA,CAAQ,QAAA;AACzB,IAAA,IAAI,UAAA,GAAa,EAAE,GAAG,OAAA,EAAQ;AAC9B,IAAA,IAAI,cAAA,GAAiB,KAAA;AAGrB,IAAA,IAAI,QAAQ,QAAA,EAAU;AACpB,MAAAC,uBAAA,CAAgB,SAAS,CAAA,2CAAA,EAA8C,OAAA,CAAQ,QAAQ,CAAA,KAAA,EAAQ,OAAA,CAAQ,IAAI,CAAA,CAAE,CAAA;AAC7G,MAAA,UAAA,CAAW,QAAA,GAAW,EAAA;AACtB,MAAA,UAAA,CAAW,WAAW,EAAE,GAAG,QAAA,EAAU,QAAA,EAAU,QAAQ,QAAA,EAAS;AAChE,MAAA,cAAA,GAAiB,IAAA;AAAA,IACnB;AAIA,IAAA,IACE,QAAA,CAAS,iBAAiB,KAAA,CAAA,IAC1B,QAAA,CAAS,iBAAiB,KAAA,CAAA,IAC1B,QAAA,CAAS,qBAAqB,KAAA,CAAA,EAC9B;AACA,MAAA,MAAM,EAAE,YAAA,EAAc,YAAA,EAAa,GAAIC,cAAA,CAAO,mBAAA;AAE9C,MAAAD,uBAAA,CAAgB,QAAA;AAAA,QACd,CAAA,wCAAA,EAA2C,YAAY,CAAA,oCAAA,EAAuC,YAAY,CAAA;AAAA,OAC5G;AAIA,MAAA,UAAA,CAAW,QAAA,GAAW;AAAA,QACpB,GAAG,UAAA,CAAW,QAAA;AAAA,QACd,YAAA;AAAA,QACA,YAAA;AAAA,QACA,gBAAA,EAAkB;AAAA,OACpB;AAGA,MAAA,cAAA,GAAiB,IAAA;AAAA,IACnB;AAIA,IAAA,IAAI,QAAA,CAAS,oBAAoB,KAAA,CAAA,EAAW;AAC1C,MAAA,MAAM,EAAE,eAAA,EAAgB,GAAIC,cAAA,CAAO,mBAAA;AAGnC,MAAA,UAAA,CAAW,QAAA,GAAW;AAAA,QACpB,GAAG,UAAA,CAAW,QAAA;AAAA,QACd;AAAA,OACF;AAGA,MAAA,cAAA,GAAiB,IAAA;AAAA,IACnB;AAGA,IAAA,IAAI,cAAA,EAAgB;AAClB,MAAA,eAAA,CAAgB,UAAU,CAAA;AAAA,IAC5B;AAAA,EACF,CAAA,EAAG,CAAC,eAAA,EAAiB,OAAO,CAAC,CAAA;AAC/B;;;;"}

package/dist/cjs/components/query-editor-raw/QueryEditorRaw.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var pluginUi = require('@grafana/plugin-ui');
+
+"use strict";
+function QueryEditorRaw({ children, onChange, query, width, height, editorLanguageDefinition }) {
+  const queryRef = react.useRef(query);
+  react.useEffect(() => {
+    queryRef.current = query;
+  }, [query]);
+  const onRawQueryChange = react.useCallback(
+    (rawSql, processQuery) => {
+      const newQuery = {
+        ...queryRef.current,
+        rawQuery: true,
+        rawSql
+      };
+      onChange(newQuery, processQuery);
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    pluginUi.SQLEditor,
+    {
+      width,
+      height,
+      query: query.rawSql,
+      onChange: onRawQueryChange,
+      language: editorLanguageDefinition,
+      children
+    }
+  );
+}
+
+exports.QueryEditorRaw = QueryEditorRaw;
+//# sourceMappingURL=QueryEditorRaw.cjs.map

package/dist/cjs/components/query-editor-raw/QueryEditorRaw.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryEditorRaw.cjs","sources":["../../../../src/components/query-editor-raw/QueryEditorRaw.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport * as React from 'react';\n\nimport { LanguageDefinition, SQLEditor } from '@grafana/plugin-ui';\n\nimport { SQLQuery } from '../../types';\n\ntype Props = {\n  query: SQLQuery;\n  onChange: (value: SQLQuery, processQuery: boolean) => void;\n  children?: (props: { formatQuery: () => void }) => React.ReactNode;\n  width?: number;\n  height?: number;\n  editorLanguageDefinition: LanguageDefinition;\n};\n\nexport function QueryEditorRaw({ children, onChange, query, width, height, editorLanguageDefinition }: Props) {\n  // We need to pass query via ref to SQLEditor as onChange is executed via monacoEditor.onDidChangeModelContent callback, not onChange property\n  const queryRef = useRef<SQLQuery>(query);\n  useEffect(() => {\n    queryRef.current = query;\n  }, [query]);\n\n  const onRawQueryChange = useCallback(\n    (rawSql: string, processQuery: boolean) => {\n      const newQuery = {\n        ...queryRef.current,\n        rawQuery: true,\n        rawSql,\n      };\n      onChange(newQuery, processQuery);\n    },\n    [onChange]\n  );\n\n  return (\n    <SQLEditor\n      width={width}\n      height={height}\n      query={query.rawSql!}\n      onChange={onRawQueryChange}\n      language={editorLanguageDefinition}\n    >\n      {children}\n    </SQLEditor>\n  );\n}\n"],"names":["useRef","useEffect","useCallback","jsx","SQLEditor"],"mappings":";;;;;;;;;AAgBO,SAAS,cAAA,CAAe,EAAE,QAAA,EAAU,QAAA,EAAU,OAAO,KAAA,EAAO,MAAA,EAAQ,0BAAyB,EAAU;AAE5G,EAAA,MAAM,QAAA,GAAWA,aAAiB,KAAK,CAAA;AACvC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,QAAA,CAAS,OAAA,GAAU,KAAA;AAAA,EACrB,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,MAAM,gBAAA,GAAmBC,iBAAA;AAAA,IACvB,CAAC,QAAgB,YAAA,KAA0B;AACzC,MAAA,MAAM,QAAA,GAAW;AAAA,QACf,GAAG,QAAA,CAAS,OAAA;AAAA,QACZ,QAAA,EAAU,IAAA;AAAA,QACV;AAAA,OACF;AACA,MAAA,QAAA,CAAS,UAAU,YAAY,CAAA;AAAA,IACjC,CAAA;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,uBACEC,cAAA;AAAA,IAACC,kBAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAO,KAAA,CAAM,MAAA;AAAA,MACb,QAAA,EAAU,gBAAA;AAAA,MACV,QAAA,EAAU,wBAAA;AAAA,MAET;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/cjs/components/query-editor-raw/QueryToolbox.cjs

@@ -0,0 +1,108 @@
+'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 runtime = require('@grafana/runtime');
+var ui = require('@grafana/ui');
+var QueryValidator = require('./QueryValidator.cjs');
+
+"use strict";
+function QueryToolbox({ showTools, onFormatCode, onExpand, isExpanded, ...validatorProps }) {
+  const theme = ui.useTheme2();
+  const [validationResult, setValidationResult] = react.useState();
+  const styles = react.useMemo(() => {
+    return {
+      container: css.css({
+        border: `1px solid ${theme.colors.border.medium}`,
+        borderTop: "none",
+        padding: theme.spacing(0.5, 0.5, 0.5, 0.5),
+        display: "flex",
+        flexGrow: 1,
+        justifyContent: "space-between",
+        fontSize: theme.typography.bodySmall.fontSize
+      }),
+      error: css.css({
+        color: theme.colors.error.text,
+        fontSize: theme.typography.bodySmall.fontSize,
+        fontFamily: theme.typography.fontFamilyMonospace
+      }),
+      valid: css.css({
+        color: theme.colors.success.text
+      }),
+      info: css.css({
+        color: theme.colors.text.secondary
+      }),
+      hint: css.css({
+        color: theme.colors.text.disabled,
+        whiteSpace: "nowrap",
+        cursor: "help"
+      })
+    };
+  }, [theme]);
+  let style = {};
+  if (!showTools && validationResult === void 0) {
+    style = { height: 0, padding: 0, visibility: "hidden" };
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.container, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children: validatorProps.onValidate && /* @__PURE__ */ jsxRuntime.jsx(
+      QueryValidator.QueryValidator,
+      {
+        ...validatorProps,
+        onValidate: (result) => {
+          setValidationResult(result);
+          validatorProps.onValidate(result);
+        }
+      }
+    ) }),
+    showTools && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { gap: 1, children: [
+      onFormatCode && /* @__PURE__ */ jsxRuntime.jsx(
+        ui.IconButton,
+        {
+          onClick: () => {
+            var _a;
+            runtime.reportInteraction("grafana_sql_query_formatted", {
+              datasource: (_a = validatorProps.query.datasource) == null ? void 0 : _a.type
+            });
+            onFormatCode();
+          },
+          name: "brackets-curly",
+          size: "xs",
+          tooltip: i18n.t("grafana-sql.components.query-toolbox.tooltip-format-query", "Format query")
+        }
+      ),
+      onExpand && /* @__PURE__ */ jsxRuntime.jsx(
+        ui.IconButton,
+        {
+          onClick: () => {
+            var _a;
+            runtime.reportInteraction("grafana_sql_editor_expand", {
+              datasource: (_a = validatorProps.query.datasource) == null ? void 0 : _a.type,
+              expanded: !isExpanded
+            });
+            onExpand(!isExpanded);
+          },
+          name: isExpanded ? "angle-up" : "angle-down",
+          size: "xs",
+          tooltip: isExpanded ? i18n.t("grafana-sql.components.query-toolbox.tooltip-collapse", "Collapse editor") : i18n.t("grafana-sql.components.query-toolbox.tooltip-expand", "Expand editor")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Tooltip,
+        {
+          content: i18n.t(
+            "grafana-sql.components.query-toolbox.content-hit-ctrlcmdreturn-to-run-query",
+            "Hit CTRL/CMD+Return to run query"
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { className: styles.hint, name: "keyboard" })
+        }
+      )
+    ] }) })
+  ] });
+}
+
+exports.QueryToolbox = QueryToolbox;
+//# sourceMappingURL=QueryToolbox.cjs.map

package/dist/cjs/components/query-editor-raw/QueryToolbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryToolbox.cjs","sources":["../../../../src/components/query-editor-raw/QueryToolbox.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { useMemo, useState } from 'react';\n\nimport { t } from '@grafana/i18n';\nimport { reportInteraction } from '@grafana/runtime';\nimport { Stack, Icon, IconButton, Tooltip, useTheme2 } from '@grafana/ui';\n\nimport { QueryValidator, QueryValidatorProps } from './QueryValidator';\n\ninterface QueryToolboxProps extends Omit<QueryValidatorProps, 'onValidate'> {\n  showTools?: boolean;\n  isExpanded?: boolean;\n  onFormatCode?: () => void;\n  onExpand?: (expand: boolean) => void;\n  onValidate?: (isValid: boolean) => void;\n}\n\nexport function QueryToolbox({ showTools, onFormatCode, onExpand, isExpanded, ...validatorProps }: QueryToolboxProps) {\n  const theme = useTheme2();\n  const [validationResult, setValidationResult] = useState<boolean>();\n\n  const styles = useMemo(() => {\n    return {\n      container: css({\n        border: `1px solid ${theme.colors.border.medium}`,\n        borderTop: 'none',\n        padding: theme.spacing(0.5, 0.5, 0.5, 0.5),\n        display: 'flex',\n        flexGrow: 1,\n        justifyContent: 'space-between',\n        fontSize: theme.typography.bodySmall.fontSize,\n      }),\n      error: css({\n        color: theme.colors.error.text,\n        fontSize: theme.typography.bodySmall.fontSize,\n        fontFamily: theme.typography.fontFamilyMonospace,\n      }),\n      valid: css({\n        color: theme.colors.success.text,\n      }),\n      info: css({\n        color: theme.colors.text.secondary,\n      }),\n      hint: css({\n        color: theme.colors.text.disabled,\n        whiteSpace: 'nowrap',\n        cursor: 'help',\n      }),\n    };\n  }, [theme]);\n\n  let style = {};\n\n  if (!showTools && validationResult === undefined) {\n    style = { height: 0, padding: 0, visibility: 'hidden' };\n  }\n\n  return (\n    <div className={styles.container} style={style}>\n      <div>\n        {validatorProps.onValidate && (\n          <QueryValidator\n            {...validatorProps}\n            onValidate={(result: boolean) => {\n              setValidationResult(result);\n              validatorProps.onValidate!(result);\n            }}\n          />\n        )}\n      </div>\n      {showTools && (\n        <div>\n          <Stack gap={1}>\n            {onFormatCode && (\n              <IconButton\n                onClick={() => {\n                  reportInteraction('grafana_sql_query_formatted', {\n                    datasource: validatorProps.query.datasource?.type,\n                  });\n                  onFormatCode();\n                }}\n                name=\"brackets-curly\"\n                size=\"xs\"\n                tooltip={t('grafana-sql.components.query-toolbox.tooltip-format-query', 'Format query')}\n              />\n            )}\n            {onExpand && (\n              <IconButton\n                onClick={() => {\n                  reportInteraction('grafana_sql_editor_expand', {\n                    datasource: validatorProps.query.datasource?.type,\n                    expanded: !isExpanded,\n                  });\n\n                  onExpand(!isExpanded);\n                }}\n                name={isExpanded ? 'angle-up' : 'angle-down'}\n                size=\"xs\"\n                tooltip={\n                  isExpanded\n                    ? t('grafana-sql.components.query-toolbox.tooltip-collapse', 'Collapse editor')\n                    : t('grafana-sql.components.query-toolbox.tooltip-expand', 'Expand editor')\n                }\n              />\n            )}\n            <Tooltip\n              content={t(\n                'grafana-sql.components.query-toolbox.content-hit-ctrlcmdreturn-to-run-query',\n                'Hit CTRL/CMD+Return to run query'\n              )}\n            >\n              <Icon className={styles.hint} name=\"keyboard\" />\n            </Tooltip>\n          </Stack>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["useTheme2","useState","useMemo","css","jsxs","jsx","QueryValidator","Stack","IconButton","reportInteraction","t","Tooltip","Icon"],"mappings":"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"}

package/dist/cjs/components/query-editor-raw/QueryValidator.cjs

@@ -0,0 +1,100 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var css = require('@emotion/css');
+var react = require('react');
+var reactUse = require('react-use');
+var data = require('@grafana/data');
+var i18n = require('@grafana/i18n');
+var ui = require('@grafana/ui');
+
+"use strict";
+function QueryValidator({ db, query, onValidate, range }) {
+  var _a;
+  const [validationResult, setValidationResult] = react.useState();
+  const theme = ui.useTheme2();
+  const valueFormatter = react.useMemo(() => data.getValueFormat("bytes"), []);
+  const styles = react.useMemo(() => {
+    return {
+      error: css.css({
+        color: theme.colors.error.text,
+        fontSize: theme.typography.bodySmall.fontSize,
+        fontFamily: theme.typography.fontFamilyMonospace
+      }),
+      valid: css.css({
+        color: theme.colors.success.text
+      }),
+      info: css.css({
+        color: theme.colors.text.secondary
+      })
+    };
+  }, [theme]);
+  const [state, validateQuery] = reactUse.useAsyncFn(
+    async (q) => {
+      var _a2;
+      if (((_a2 = q.rawSql) == null ? void 0 : _a2.trim()) === "") {
+        return null;
+      }
+      return await db.validateQuery(q, range);
+    },
+    [db]
+  );
+  const [,] = reactUse.useDebounce(
+    async () => {
+      const result = await validateQuery(query);
+      if (result) {
+        setValidationResult(result);
+      }
+      return null;
+    },
+    1e3,
+    [query, validateQuery]
+  );
+  react.useEffect(() => {
+    if (validationResult == null ? void 0 : validationResult.isError) {
+      onValidate(false);
+    }
+    if (validationResult == null ? void 0 : validationResult.isValid) {
+      onValidate(true);
+    }
+  }, [validationResult, onValidate]);
+  if (!state.value && !state.loading) {
+    return null;
+  }
+  const error = ((_a = state.value) == null ? void 0 : _a.error) ? processErrorMessage(state.value.error) : "";
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    state.loading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.info, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, { inline: true, size: "xs" }),
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx(i18n.Trans, { i18nKey: "grafana-sql.components.query-validator.validating-query", children: "Validating query..." })
+    ] }),
+    !state.loading && state.value && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: state.value.isValid && state.value.statistics && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.valid, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        i18n.Trans,
+        {
+          i18nKey: "grafana-sql.components.query-validator.query-will-process",
+          values: { bytes: data.formattedValueToString(valueFormatter(state.value.statistics.TotalBytesProcessed)) },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { name: "check" }),
+            " This query will process ",
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "{{bytes}}" }),
+            " when run."
+          ]
+        }
+      ) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: state.value.isError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.error, children: error }) })
+    ] })
+  ] });
+}
+function processErrorMessage(error) {
+  const splat = error.split(":");
+  if (splat.length > 2) {
+    return splat.slice(2).join(":");
+  }
+  return error;
+}
+
+exports.QueryValidator = QueryValidator;
+//# sourceMappingURL=QueryValidator.cjs.map

package/dist/cjs/components/query-editor-raw/QueryValidator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryValidator.cjs","sources":["../../../../src/components/query-editor-raw/QueryValidator.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { useState, useMemo, useEffect } from 'react';\nimport { useAsyncFn, useDebounce } from 'react-use';\n\nimport { formattedValueToString, getValueFormat, TimeRange } from '@grafana/data';\nimport { Trans } from '@grafana/i18n';\nimport { Icon, Spinner, useTheme2 } from '@grafana/ui';\n\nimport { DB, SQLQuery, ValidationResults } from '../../types';\n\nexport interface QueryValidatorProps {\n  db: DB;\n  query: SQLQuery;\n  range?: TimeRange;\n  onValidate: (isValid: boolean) => void;\n}\n\nexport function QueryValidator({ db, query, onValidate, range }: QueryValidatorProps) {\n  const [validationResult, setValidationResult] = useState<ValidationResults | null>();\n  const theme = useTheme2();\n  const valueFormatter = useMemo(() => getValueFormat('bytes'), []);\n\n  const styles = useMemo(() => {\n    return {\n      error: css({\n        color: theme.colors.error.text,\n        fontSize: theme.typography.bodySmall.fontSize,\n        fontFamily: theme.typography.fontFamilyMonospace,\n      }),\n      valid: css({\n        color: theme.colors.success.text,\n      }),\n      info: css({\n        color: theme.colors.text.secondary,\n      }),\n    };\n  }, [theme]);\n\n  const [state, validateQuery] = useAsyncFn(\n    async (q: SQLQuery) => {\n      if (q.rawSql?.trim() === '') {\n        return null;\n      }\n\n      return await db.validateQuery(q, range);\n    },\n    [db]\n  );\n\n  const [,] = useDebounce(\n    async () => {\n      const result = await validateQuery(query);\n      if (result) {\n        setValidationResult(result);\n      }\n\n      return null;\n    },\n    1000,\n    [query, validateQuery]\n  );\n\n  useEffect(() => {\n    if (validationResult?.isError) {\n      onValidate(false);\n    }\n    if (validationResult?.isValid) {\n      onValidate(true);\n    }\n  }, [validationResult, onValidate]);\n\n  if (!state.value && !state.loading) {\n    return null;\n  }\n\n  const error = state.value?.error ? processErrorMessage(state.value.error) : '';\n\n  return (\n    <>\n      {state.loading && (\n        <div className={styles.info}>\n          <Spinner inline={true} size=\"xs\" />{' '}\n          <Trans i18nKey=\"grafana-sql.components.query-validator.validating-query\">Validating query...</Trans>\n        </div>\n      )}\n      {!state.loading && state.value && (\n        <>\n          <>\n            {state.value.isValid && state.value.statistics && (\n              <div className={styles.valid}>\n                <Trans\n                  i18nKey=\"grafana-sql.components.query-validator.query-will-process\"\n                  values={{ bytes: formattedValueToString(valueFormatter(state.value.statistics.TotalBytesProcessed)) }}\n                >\n                  <Icon name=\"check\" /> This query will process <strong>{'{{bytes}}'}</strong> when run.\n                </Trans>\n              </div>\n            )}\n          </>\n\n          <>{state.value.isError && <div className={styles.error}>{error}</div>}</>\n        </>\n      )}\n    </>\n  );\n}\n\nfunction processErrorMessage(error: string) {\n  const splat = error.split(':');\n  if (splat.length > 2) {\n    return splat.slice(2).join(':');\n  }\n  return error;\n}\n"],"names":["useState","useTheme2","useMemo","getValueFormat","css","useAsyncFn","_a","useDebounce","useEffect","jsxs","Fragment","jsx","Spinner","Trans","formattedValueToString","Icon"],"mappings":"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"}