@grafana/plugin-ui 0.9.5 → 0.10.0

package/dist/esm/components/ConfigEditor/Auth/tls/SelfSignedCertificate.js

@@ -0,0 +1,58 @@
+import React from 'react';
+import { cx } from '@emotion/css';
+import { InlineField, SecretTextArea } from '@grafana/ui';
+import { TLSSettingsSection } from './TLSSettingsSection.js';
+import { useCommonStyles } from '../styles.js';
+
+const SelfSignedCertificate = ({
+  enabled,
+  certificateConfigured,
+  onToggle,
+  onCertificateChange,
+  onCertificateReset,
+  tooltips,
+  readOnly
+}) => {
+  var _a;
+  const commonStyles = useCommonStyles();
+  return /* @__PURE__ */ React.createElement(
+    TLSSettingsSection,
+    {
+      enabled,
+      label: "Add self-signed certificate",
+      tooltipText: "Add your own Certificate Authority (CA) certificate on top of one generated by the certificate authorities for additional security measures",
+      onToggle: (newEnabled) => onToggle(newEnabled),
+      readOnly
+    },
+    /* @__PURE__ */ React.createElement(
+      InlineField,
+      {
+        label: "CA Certificate",
+        labelWidth: 24,
+        tooltip: (_a = tooltips == null ? undefined : tooltips.certificateLabel) != null ? _a : "Your self-signed certificate",
+        required: true,
+        htmlFor: "self-signed-certificate-input",
+        interactive: true,
+        grow: true,
+        className: cx(commonStyles.inlineFieldNoMarginRight, commonStyles.inlineFieldWithSecret),
+        disabled: readOnly
+      },
+      /* @__PURE__ */ React.createElement(
+        SecretTextArea,
+        {
+          id: "self-signed-certificate-input",
+          isConfigured: certificateConfigured,
+          onChange: (e) => onCertificateChange(e.currentTarget.value),
+          onReset: readOnly ? () => {
+          } : onCertificateReset,
+          placeholder: "Begins with --- BEGIN CERTIFICATE ---",
+          rows: 6,
+          required: true
+        }
+      )
+    )
+  );
+};
+
+export { SelfSignedCertificate };
+//# sourceMappingURL=SelfSignedCertificate.js.map

package/dist/esm/components/ConfigEditor/Auth/tls/SelfSignedCertificate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelfSignedCertificate.js","sources":["../../../../../../src/components/ConfigEditor/Auth/tls/SelfSignedCertificate.tsx"],"sourcesContent":["import React from 'react';\nimport { cx } from '@emotion/css';\nimport { InlineField, SecretTextArea } from '@grafana/ui';\nimport { TLSSettingsSection } from './TLSSettingsSection';\nimport { useCommonStyles } from '../styles';\n\nexport type Props = {\n  enabled: boolean;\n  onToggle: (enabled: boolean) => void;\n  certificateConfigured: boolean;\n  onCertificateChange: (certificate: string) => void;\n  onCertificateReset: () => void;\n  tooltips?: {\n    certificateLabel?: string;\n  };\n  readOnly: boolean;\n};\n\nexport const SelfSignedCertificate = ({\n  enabled,\n  certificateConfigured,\n  onToggle,\n  onCertificateChange,\n  onCertificateReset,\n  tooltips,\n  readOnly,\n}: Props) => {\n  const commonStyles = useCommonStyles();\n\n  return (\n    <TLSSettingsSection\n      enabled={enabled}\n      label=\"Add self-signed certificate\"\n      tooltipText=\"Add your own Certificate Authority (CA) certificate on top of one generated by the certificate authorities for additional security measures\"\n      onToggle={(newEnabled) => onToggle(newEnabled)}\n      readOnly={readOnly}\n    >\n      <InlineField\n        label=\"CA Certificate\"\n        labelWidth={24}\n        tooltip={tooltips?.certificateLabel ?? 'Your self-signed certificate'}\n        required\n        htmlFor=\"self-signed-certificate-input\"\n        interactive\n        grow\n        className={cx(commonStyles.inlineFieldNoMarginRight, commonStyles.inlineFieldWithSecret)}\n        disabled={readOnly}\n      >\n        <SecretTextArea\n          id=\"self-signed-certificate-input\"\n          isConfigured={certificateConfigured}\n          onChange={(e) => onCertificateChange(e.currentTarget.value)}\n          onReset={readOnly ? () => {} : onCertificateReset}\n          placeholder=\"Begins with --- BEGIN CERTIFICATE ---\"\n          rows={6}\n          required\n        />\n      </InlineField>\n    </TLSSettingsSection>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAkBO,MAAM,wBAAwB,CAAC;AAAA,EACpC,OAAA;AAAA,EACA,qBAAA;AAAA,EACA,QAAA;AAAA,EACA,mBAAA;AAAA,EACA,kBAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAa,KAAA;AA1Bb,EAAA,IAAA,EAAA;AA2BE,EAAA,MAAM,eAAe,eAAgB,EAAA;AAErC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,KAAM,EAAA,6BAAA;AAAA,MACN,WAAY,EAAA,6IAAA;AAAA,MACZ,QAAU,EAAA,CAAC,UAAe,KAAA,QAAA,CAAS,UAAU,CAAA;AAAA,MAC7C;AAAA,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,gBAAA;AAAA,QACN,UAAY,EAAA,EAAA;AAAA,QACZ,OAAA,EAAA,CAAS,EAAU,GAAA,QAAA,IAAA,IAAA,GAAA,SAAA,GAAA,QAAA,CAAA,gBAAA,KAAV,IAA8B,GAAA,EAAA,GAAA,8BAAA;AAAA,QACvC,QAAQ,EAAA,IAAA;AAAA,QACR,OAAQ,EAAA,+BAAA;AAAA,QACR,WAAW,EAAA,IAAA;AAAA,QACX,IAAI,EAAA,IAAA;AAAA,QACJ,SAAW,EAAA,EAAA,CAAG,YAAa,CAAA,wBAAA,EAA0B,aAAa,qBAAqB,CAAA;AAAA,QACvF,QAAU,EAAA;AAAA,OAAA;AAAA,sBAEV,KAAA,CAAA,aAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,EAAG,EAAA,+BAAA;AAAA,UACH,YAAc,EAAA,qBAAA;AAAA,UACd,UAAU,CAAC,CAAA,KAAM,mBAAoB,CAAA,CAAA,CAAE,cAAc,KAAK,CAAA;AAAA,UAC1D,OAAA,EAAS,WAAW,MAAM;AAAA,WAAK,GAAA,kBAAA;AAAA,UAC/B,WAAY,EAAA,uCAAA;AAAA,UACZ,IAAM,EAAA,CAAA;AAAA,UACN,QAAQ,EAAA;AAAA;AAAA;AACV;AACF,GACF;AAEJ;;;;"}

package/dist/esm/components/ConfigEditor/Auth/tls/SkipTLSVerification.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { TLSSettingsSection } from './TLSSettingsSection.js';
+
+const SkipTLSVerification = ({ enabled, onToggle, readOnly }) => {
+  return /* @__PURE__ */ React.createElement(
+    TLSSettingsSection,
+    {
+      enabled,
+      label: "Skip TLS certificate validation",
+      tooltipText: "Skipping TLS certificate validation is not recommended unless absolutely necessary or for testing",
+      onToggle: (newEnabled) => onToggle(newEnabled),
+      readOnly
+    }
+  );
+};
+
+export { SkipTLSVerification };
+//# sourceMappingURL=SkipTLSVerification.js.map

package/dist/esm/components/ConfigEditor/Auth/tls/SkipTLSVerification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkipTLSVerification.js","sources":["../../../../../../src/components/ConfigEditor/Auth/tls/SkipTLSVerification.tsx"],"sourcesContent":["import React from 'react';\nimport { TLSSettingsSection } from './TLSSettingsSection';\n\nexport type Props = {\n  enabled: boolean;\n  onToggle: (enabled: boolean) => void;\n  readOnly: boolean;\n};\n\nexport const SkipTLSVerification = ({ enabled, onToggle, readOnly }: Props) => {\n  return (\n    <TLSSettingsSection\n      enabled={enabled}\n      label=\"Skip TLS certificate validation\"\n      tooltipText=\"Skipping TLS certificate validation is not recommended unless absolutely necessary or for testing\"\n      onToggle={(newEnabled) => onToggle(newEnabled)}\n      readOnly={readOnly}\n    />\n  );\n};\n"],"names":[],"mappings":";;;AASO,MAAM,sBAAsB,CAAC,EAAE,OAAS,EAAA,QAAA,EAAU,UAAsB,KAAA;AAC7E,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,KAAM,EAAA,iCAAA;AAAA,MACN,WAAY,EAAA,mGAAA;AAAA,MACZ,QAAU,EAAA,CAAC,UAAe,KAAA,QAAA,CAAS,UAAU,CAAA;AAAA,MAC7C;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/esm/components/ConfigEditor/Auth/tls/TLSClientAuth.js

@@ -0,0 +1,114 @@
+import React from 'react';
+import { cx } from '@emotion/css';
+import { InlineField, Input, SecretTextArea } from '@grafana/ui';
+import { TLSSettingsSection } from './TLSSettingsSection.js';
+import { useCommonStyles } from '../styles.js';
+
+const TLSClientAuth = ({
+  enabled,
+  serverName,
+  clientCertificateConfigured,
+  clientKeyConfigured,
+  onToggle,
+  onServerNameChange,
+  onClientCertificateChange,
+  onClientKeyChange,
+  onClientCertificateReset,
+  onClientKeyReset,
+  tooltips,
+  readOnly
+}) => {
+  var _a, _b, _c;
+  const commonStyles = useCommonStyles();
+  return /* @__PURE__ */ React.createElement(
+    TLSSettingsSection,
+    {
+      enabled,
+      label: "TLS Client Authentication",
+      tooltipText: "Validate using TLS client authentication, in which the server authenticates the client",
+      onToggle: (newEnabled) => onToggle(newEnabled),
+      readOnly
+    },
+    /* @__PURE__ */ React.createElement(
+      InlineField,
+      {
+        label: "ServerName",
+        labelWidth: 24,
+        tooltip: (_a = tooltips == null ? undefined : tooltips.serverNameLabel) != null ? _a : "A Servername is used to verify the hostname on the returned certificate",
+        required: true,
+        htmlFor: "client-auth-servername-input",
+        interactive: true,
+        grow: true,
+        className: commonStyles.inlineFieldNoMarginRight,
+        disabled: readOnly
+      },
+      /* @__PURE__ */ React.createElement(
+        Input,
+        {
+          id: "client-auth-servername-input",
+          placeholder: "domain.example.com",
+          value: serverName,
+          onChange: (e) => onServerNameChange(e.currentTarget.value),
+          required: true
+        }
+      )
+    ),
+    /* @__PURE__ */ React.createElement(
+      InlineField,
+      {
+        label: "Client Certificate",
+        labelWidth: 24,
+        tooltip: (_b = tooltips == null ? undefined : tooltips.certificateLabel) != null ? _b : "The client certificate can be generated from a Certificate Authority or be self-signed",
+        required: true,
+        htmlFor: "client-auth-client-certificate-input",
+        interactive: true,
+        grow: true,
+        className: cx(commonStyles.inlineFieldNoMarginRight, commonStyles.inlineFieldWithSecret),
+        disabled: readOnly
+      },
+      /* @__PURE__ */ React.createElement(
+        SecretTextArea,
+        {
+          id: "client-auth-client-certificate-input",
+          isConfigured: clientCertificateConfigured,
+          onChange: (e) => onClientCertificateChange(e.currentTarget.value),
+          onReset: readOnly ? () => {
+          } : onClientCertificateReset,
+          placeholder: "Begins with --- BEGIN CERTIFICATE ---",
+          rows: 6,
+          required: true
+        }
+      )
+    ),
+    /* @__PURE__ */ React.createElement(
+      InlineField,
+      {
+        label: "Client Key",
+        labelWidth: 24,
+        tooltip: (_c = tooltips == null ? undefined : tooltips.keyLabel) != null ? _c : "The client key can be generated from a Certificate Authority or be self-signed",
+        required: true,
+        htmlFor: "client-auth-client-key-input",
+        interactive: true,
+        grow: true,
+        className: cx(commonStyles.inlineFieldNoMarginRight, commonStyles.inlineFieldWithSecret),
+        disabled: readOnly
+      },
+      /* @__PURE__ */ React.createElement(
+        SecretTextArea,
+        {
+          id: "client-auth-client-key-input",
+          isConfigured: clientKeyConfigured,
+          onChange: (e) => onClientKeyChange(e.currentTarget.value),
+          onReset: readOnly ? () => {
+          } : onClientKeyReset,
+          placeholder: `Begins with --- RSA PRIVATE KEY CERTIFICATE ---`,
+          rows: 6,
+          required: true
+        }
+      )
+    )
+  );
+};
+
+export { TLSClientAuth };
+//# sourceMappingURL=TLSClientAuth.js.map

package/dist/esm/components/ConfigEditor/Auth/tls/TLSClientAuth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TLSClientAuth.js","sources":["../../../../../../src/components/ConfigEditor/Auth/tls/TLSClientAuth.tsx"],"sourcesContent":["import React from 'react';\nimport { cx } from '@emotion/css';\nimport { InlineField, Input, SecretTextArea } from '@grafana/ui';\nimport { TLSSettingsSection } from './TLSSettingsSection';\nimport { useCommonStyles } from '../styles';\n\nexport type Props = {\n  enabled: boolean;\n  onToggle: (enabled: boolean) => void;\n  serverName: string;\n  clientCertificateConfigured: boolean;\n  clientKeyConfigured: boolean;\n  onServerNameChange: (serverName: string) => void;\n  onClientCertificateChange: (clientCertificate: string) => void;\n  onClientKeyChange: (clientKey: string) => void;\n  onClientCertificateReset: () => void;\n  onClientKeyReset: () => void;\n  tooltips?: {\n    serverNameLabel?: string;\n    certificateLabel?: string;\n    keyLabel?: string;\n  };\n  readOnly: boolean;\n};\n\nexport const TLSClientAuth = ({\n  enabled,\n  serverName,\n  clientCertificateConfigured,\n  clientKeyConfigured,\n  onToggle,\n  onServerNameChange,\n  onClientCertificateChange,\n  onClientKeyChange,\n  onClientCertificateReset,\n  onClientKeyReset,\n  tooltips,\n  readOnly,\n}: Props) => {\n  const commonStyles = useCommonStyles();\n\n  return (\n    <TLSSettingsSection\n      enabled={enabled}\n      label=\"TLS Client Authentication\"\n      tooltipText=\"Validate using TLS client authentication, in which the server authenticates the client\"\n      onToggle={(newEnabled) => onToggle(newEnabled)}\n      readOnly={readOnly}\n    >\n      <InlineField\n        label=\"ServerName\"\n        labelWidth={24}\n        tooltip={tooltips?.serverNameLabel ?? 'A Servername is used to verify the hostname on the returned certificate'}\n        required\n        htmlFor=\"client-auth-servername-input\"\n        interactive\n        grow\n        className={commonStyles.inlineFieldNoMarginRight}\n        disabled={readOnly}\n      >\n        <Input\n          id=\"client-auth-servername-input\"\n          placeholder=\"domain.example.com\"\n          value={serverName}\n          onChange={(e) => onServerNameChange(e.currentTarget.value)}\n          required\n        />\n      </InlineField>\n      <InlineField\n        label=\"Client Certificate\"\n        labelWidth={24}\n        tooltip={\n          tooltips?.certificateLabel ??\n          'The client certificate can be generated from a Certificate Authority or be self-signed'\n        }\n        required\n        htmlFor=\"client-auth-client-certificate-input\"\n        interactive\n        grow\n        className={cx(commonStyles.inlineFieldNoMarginRight, commonStyles.inlineFieldWithSecret)}\n        disabled={readOnly}\n      >\n        <SecretTextArea\n          id=\"client-auth-client-certificate-input\"\n          isConfigured={clientCertificateConfigured}\n          onChange={(e) => onClientCertificateChange(e.currentTarget.value)}\n          onReset={readOnly ? () => {} : onClientCertificateReset}\n          placeholder=\"Begins with --- BEGIN CERTIFICATE ---\"\n          rows={6}\n          required\n        />\n      </InlineField>\n      <InlineField\n        label=\"Client Key\"\n        labelWidth={24}\n        tooltip={tooltips?.keyLabel ?? 'The client key can be generated from a Certificate Authority or be self-signed'}\n        required\n        htmlFor=\"client-auth-client-key-input\"\n        interactive\n        grow\n        className={cx(commonStyles.inlineFieldNoMarginRight, commonStyles.inlineFieldWithSecret)}\n        disabled={readOnly}\n      >\n        <SecretTextArea\n          id=\"client-auth-client-key-input\"\n          isConfigured={clientKeyConfigured}\n          onChange={(e) => onClientKeyChange(e.currentTarget.value)}\n          onReset={readOnly ? () => {} : onClientKeyReset}\n          placeholder={`Begins with --- RSA PRIVATE KEY CERTIFICATE ---`}\n          rows={6}\n          required\n        />\n      </InlineField>\n    </TLSSettingsSection>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAyBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,OAAA;AAAA,EACA,UAAA;AAAA,EACA,2BAAA;AAAA,EACA,mBAAA;AAAA,EACA,QAAA;AAAA,EACA,kBAAA;AAAA,EACA,yBAAA;AAAA,EACA,iBAAA;AAAA,EACA,wBAAA;AAAA,EACA,gBAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAa,KAAA;AAtCb,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAuCE,EAAA,MAAM,eAAe,eAAgB,EAAA;AAErC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,KAAM,EAAA,2BAAA;AAAA,MACN,WAAY,EAAA,wFAAA;AAAA,MACZ,QAAU,EAAA,CAAC,UAAe,KAAA,QAAA,CAAS,UAAU,CAAA;AAAA,MAC7C;AAAA,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,YAAA;AAAA,QACN,UAAY,EAAA,EAAA;AAAA,QACZ,OAAA,EAAA,CAAS,EAAU,GAAA,QAAA,IAAA,IAAA,GAAA,SAAA,GAAA,QAAA,CAAA,eAAA,KAAV,IAA6B,GAAA,EAAA,GAAA,yEAAA;AAAA,QACtC,QAAQ,EAAA,IAAA;AAAA,QACR,OAAQ,EAAA,8BAAA;AAAA,QACR,WAAW,EAAA,IAAA;AAAA,QACX,IAAI,EAAA,IAAA;AAAA,QACJ,WAAW,YAAa,CAAA,wBAAA;AAAA,QACxB,QAAU,EAAA;AAAA,OAAA;AAAA,sBAEV,KAAA,CAAA,aAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,EAAG,EAAA,8BAAA;AAAA,UACH,WAAY,EAAA,oBAAA;AAAA,UACZ,KAAO,EAAA,UAAA;AAAA,UACP,UAAU,CAAC,CAAA,KAAM,kBAAmB,CAAA,CAAA,CAAE,cAAc,KAAK,CAAA;AAAA,UACzD,QAAQ,EAAA;AAAA;AAAA;AACV,KACF;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,oBAAA;AAAA,QACN,UAAY,EAAA,EAAA;AAAA,QACZ,OAAA,EAAA,CACE,EAAU,GAAA,QAAA,IAAA,IAAA,GAAA,SAAA,GAAA,QAAA,CAAA,gBAAA,KAAV,IACA,GAAA,EAAA,GAAA,wFAAA;AAAA,QAEF,QAAQ,EAAA,IAAA;AAAA,QACR,OAAQ,EAAA,sCAAA;AAAA,QACR,WAAW,EAAA,IAAA;AAAA,QACX,IAAI,EAAA,IAAA;AAAA,QACJ,SAAW,EAAA,EAAA,CAAG,YAAa,CAAA,wBAAA,EAA0B,aAAa,qBAAqB,CAAA;AAAA,QACvF,QAAU,EAAA;AAAA,OAAA;AAAA,sBAEV,KAAA,CAAA,aAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,EAAG,EAAA,sCAAA;AAAA,UACH,YAAc,EAAA,2BAAA;AAAA,UACd,UAAU,CAAC,CAAA,KAAM,yBAA0B,CAAA,CAAA,CAAE,cAAc,KAAK,CAAA;AAAA,UAChE,OAAA,EAAS,WAAW,MAAM;AAAA,WAAK,GAAA,wBAAA;AAAA,UAC/B,WAAY,EAAA,uCAAA;AAAA,UACZ,IAAM,EAAA,CAAA;AAAA,UACN,QAAQ,EAAA;AAAA;AAAA;AACV,KACF;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,YAAA;AAAA,QACN,UAAY,EAAA,EAAA;AAAA,QACZ,OAAA,EAAA,CAAS,EAAU,GAAA,QAAA,IAAA,IAAA,GAAA,SAAA,GAAA,QAAA,CAAA,QAAA,KAAV,IAAsB,GAAA,EAAA,GAAA,gFAAA;AAAA,QAC/B,QAAQ,EAAA,IAAA;AAAA,QACR,OAAQ,EAAA,8BAAA;AAAA,QACR,WAAW,EAAA,IAAA;AAAA,QACX,IAAI,EAAA,IAAA;AAAA,QACJ,SAAW,EAAA,EAAA,CAAG,YAAa,CAAA,wBAAA,EAA0B,aAAa,qBAAqB,CAAA;AAAA,QACvF,QAAU,EAAA;AAAA,OAAA;AAAA,sBAEV,KAAA,CAAA,aAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,EAAG,EAAA,8BAAA;AAAA,UACH,YAAc,EAAA,mBAAA;AAAA,UACd,UAAU,CAAC,CAAA,KAAM,iBAAkB,CAAA,CAAA,CAAE,cAAc,KAAK,CAAA;AAAA,UACxD,OAAA,EAAS,WAAW,MAAM;AAAA,WAAK,GAAA,gBAAA;AAAA,UAC/B,WAAa,EAAA,CAAA,+CAAA,CAAA;AAAA,UACb,IAAM,EAAA,CAAA;AAAA,UACN,QAAQ,EAAA;AAAA;AAAA;AACV;AACF,GACF;AAEJ;;;;"}

package/dist/esm/components/ConfigEditor/Auth/tls/TLSSettings.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { css } from '@emotion/css';
+import { useTheme2 } from '@grafana/ui';
+import { SelfSignedCertificate } from './SelfSignedCertificate.js';
+import { TLSClientAuth } from './TLSClientAuth.js';
+import { SkipTLSVerification } from './SkipTLSVerification.js';
+import { ConfigSubSection } from '../../ConfigSection/ConfigSubSection.js';
+import '@grafana/data';
+
+const TLSSettings = ({ selfSignedCertificate, TLSClientAuth: TLSClientAuth$1, skipTLSVerification, readOnly }) => {
+  const { spacing } = useTheme2();
+  const styles = {
+    container: css({
+      marginTop: spacing(3)
+    })
+  };
+  return /* @__PURE__ */ React.createElement(
+    ConfigSubSection,
+    {
+      className: styles.container,
+      title: "TLS settings",
+      description: "Additional security measures that can be applied on top of authentication"
+    },
+    /* @__PURE__ */ React.createElement(SelfSignedCertificate, { ...selfSignedCertificate, readOnly }),
+    /* @__PURE__ */ React.createElement(TLSClientAuth, { ...TLSClientAuth$1, readOnly }),
+    /* @__PURE__ */ React.createElement(SkipTLSVerification, { ...skipTLSVerification, readOnly })
+  );
+};
+
+export { TLSSettings };
+//# sourceMappingURL=TLSSettings.js.map

package/dist/esm/components/ConfigEditor/Auth/tls/TLSSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TLSSettings.js","sources":["../../../../../../src/components/ConfigEditor/Auth/tls/TLSSettings.tsx"],"sourcesContent":["import React from 'react';\nimport { css } from '@emotion/css';\nimport { useTheme2 } from '@grafana/ui';\nimport { SelfSignedCertificate, type Props as SelfSignedCertificateProps } from './SelfSignedCertificate';\nimport { TLSClientAuth as TLSClientAuthComponent, type Props as TLSClientAuthProps } from './TLSClientAuth';\nimport { SkipTLSVerification, type Props as SkipTLSVerificationProps } from './SkipTLSVerification';\nimport { ConfigSubSection } from '../../ConfigSection';\n\nexport type Props = {\n  selfSignedCertificate: Omit<SelfSignedCertificateProps, 'readOnly'>;\n  TLSClientAuth: Omit<TLSClientAuthProps, 'readOnly'>;\n  skipTLSVerification: Omit<SkipTLSVerificationProps, 'readOnly'>;\n  readOnly: boolean;\n};\n\nexport const TLSSettings = ({ selfSignedCertificate, TLSClientAuth, skipTLSVerification, readOnly }: Props) => {\n  const { spacing } = useTheme2();\n\n  const styles = {\n    container: css({\n      marginTop: spacing(3),\n    }),\n  };\n\n  return (\n    <ConfigSubSection\n      className={styles.container}\n      title=\"TLS settings\"\n      description=\"Additional security measures that can be applied on top of authentication\"\n    >\n      <SelfSignedCertificate {...selfSignedCertificate} readOnly={readOnly} />\n      <TLSClientAuthComponent {...TLSClientAuth} readOnly={readOnly} />\n      <SkipTLSVerification {...skipTLSVerification} readOnly={readOnly} />\n    </ConfigSubSection>\n  );\n};\n"],"names":["TLSClientAuth","TLSClientAuthComponent"],"mappings":";;;;;;;;;AAeO,MAAM,cAAc,CAAC,EAAE,sCAAuBA,eAAe,EAAA,mBAAA,EAAqB,UAAsB,KAAA;AAC7G,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,SAAU,EAAA;AAE9B,EAAA,MAAM,MAAS,GAAA;AAAA,IACb,WAAW,GAAI,CAAA;AAAA,MACb,SAAA,EAAW,QAAQ,CAAC;AAAA,KACrB;AAAA,GACH;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB,KAAM,EAAA,cAAA;AAAA,MACN,WAAY,EAAA;AAAA,KAAA;AAAA,oBAEX,KAAA,CAAA,aAAA,CAAA,qBAAA,EAAA,EAAuB,GAAG,qBAAA,EAAuB,QAAoB,EAAA,CAAA;AAAA,oBACrE,KAAA,CAAA,aAAA,CAAAC,aAAA,EAAA,EAAwB,GAAGD,eAAA,EAAe,QAAoB,EAAA,CAAA;AAAA,oBAC9D,KAAA,CAAA,aAAA,CAAA,mBAAA,EAAA,EAAqB,GAAG,mBAAA,EAAqB,QAAoB,EAAA;AAAA,GACpE;AAEJ;;;;"}

package/dist/esm/components/ConfigEditor/Auth/tls/TLSSettingsSection.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import { css } from '@emotion/css';
+import { useTheme2, Checkbox, Tooltip, Icon } from '@grafana/ui';
+
+const TLSSettingsSection = ({
+  children,
+  enabled,
+  label,
+  tooltipText,
+  onToggle,
+  readOnly
+}) => {
+  const { colors, spacing } = useTheme2();
+  const styles = {
+    container: css({
+      marginTop: 3
+    }),
+    checkboxContainer: css({
+      display: "flex",
+      alignItems: "center"
+    }),
+    infoIcon: css({
+      marginTop: -2,
+      marginLeft: 5,
+      color: colors.text.secondary
+    }),
+    content: css({
+      margin: spacing(1, 0, 2, 3)
+    })
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: styles.container }, /* @__PURE__ */ React.createElement("div", { className: styles.checkboxContainer }, /* @__PURE__ */ React.createElement(Checkbox, { value: enabled, label, onChange: () => onToggle(!enabled), disabled: readOnly }), /* @__PURE__ */ React.createElement(Tooltip, { placement: "top", content: tooltipText, interactive: true }, /* @__PURE__ */ React.createElement(Icon, { name: "info-circle", className: styles.infoIcon, size: "sm" }))), enabled && children && /* @__PURE__ */ React.createElement("div", { className: styles.content }, children));
+};
+
+export { TLSSettingsSection };
+//# sourceMappingURL=TLSSettingsSection.js.map

package/dist/esm/components/ConfigEditor/Auth/tls/TLSSettingsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TLSSettingsSection.js","sources":["../../../../../../src/components/ConfigEditor/Auth/tls/TLSSettingsSection.tsx"],"sourcesContent":["import React from 'react';\nimport { css } from '@emotion/css';\nimport { Checkbox, Tooltip, Icon, useTheme2 } from '@grafana/ui';\n\nexport type Props = {\n  enabled: boolean;\n  label: string;\n  tooltipText: string;\n  onToggle: (enabled: boolean) => void;\n  readOnly: boolean;\n};\n\nexport const TLSSettingsSection = ({\n  children,\n  enabled,\n  label,\n  tooltipText,\n  onToggle,\n  readOnly,\n}: React.PropsWithChildren<Props>) => {\n  const { colors, spacing } = useTheme2();\n  const styles = {\n    container: css({\n      marginTop: 3,\n    }),\n    checkboxContainer: css({\n      display: 'flex',\n      alignItems: 'center',\n    }),\n    infoIcon: css({\n      marginTop: -2,\n      marginLeft: 5,\n      color: colors.text.secondary,\n    }),\n    content: css({\n      margin: spacing(1, 0, 2, 3),\n    }),\n  };\n\n  return (\n    <div className={styles.container}>\n      <div className={styles.checkboxContainer}>\n        <Checkbox value={enabled} label={label} onChange={() => onToggle(!enabled)} disabled={readOnly} />\n        <Tooltip placement=\"top\" content={tooltipText} interactive>\n          <Icon name=\"info-circle\" className={styles.infoIcon} size=\"sm\" />\n        </Tooltip>\n      </div>\n      {enabled && children && <div className={styles.content}>{children}</div>}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;AAYO,MAAM,qBAAqB,CAAC;AAAA,EACjC,QAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAsC,KAAA;AACpC,EAAA,MAAM,EAAE,MAAA,EAAQ,OAAQ,EAAA,GAAI,SAAU,EAAA;AACtC,EAAA,MAAM,MAAS,GAAA;AAAA,IACb,WAAW,GAAI,CAAA;AAAA,MACb,SAAW,EAAA;AAAA,KACZ,CAAA;AAAA,IACD,mBAAmB,GAAI,CAAA;AAAA,MACrB,OAAS,EAAA,MAAA;AAAA,MACT,UAAY,EAAA;AAAA,KACb,CAAA;AAAA,IACD,UAAU,GAAI,CAAA;AAAA,MACZ,SAAW,EAAA,EAAA;AAAA,MACX,UAAY,EAAA,CAAA;AAAA,MACZ,KAAA,EAAO,OAAO,IAAK,CAAA;AAAA,KACpB,CAAA;AAAA,IACD,SAAS,GAAI,CAAA;AAAA,MACX,MAAQ,EAAA,OAAA,CAAQ,CAAG,EAAA,CAAA,EAAG,GAAG,CAAC;AAAA,KAC3B;AAAA,GACH;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,SAAA,EAAA,sCACpB,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,iBAAA,EAAA,kBACpB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAO,OAAS,EAAA,KAAA,EAAc,QAAU,EAAA,MAAM,QAAS,CAAA,CAAC,OAAO,CAAG,EAAA,QAAA,EAAU,QAAU,EAAA,CAAA,kBAC/F,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,WAAU,KAAM,EAAA,OAAA,EAAS,WAAa,EAAA,WAAA,EAAW,IACxD,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAK,EAAA,aAAA,EAAc,SAAW,EAAA,MAAA,CAAO,QAAU,EAAA,IAAA,EAAK,MAAK,CACjE,CACF,CACC,EAAA,OAAA,IAAW,QAAY,oBAAA,KAAA,CAAA,aAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,OAAU,EAAA,EAAA,QAAS,CACpE,CAAA;AAEJ;;;;"}

package/dist/esm/components/ConfigEditor/Auth/types.js

@@ -0,0 +1,12 @@
+import 'react';
+
+var AuthMethod = /* @__PURE__ */ ((AuthMethod2) => {
+  AuthMethod2["NoAuth"] = "NoAuth";
+  AuthMethod2["BasicAuth"] = "BasicAuth";
+  AuthMethod2["OAuthForward"] = "OAuthForward";
+  AuthMethod2["CrossSiteCredentials"] = "CrossSiteCredentials";
+  return AuthMethod2;
+})(AuthMethod || {});
+
+export { AuthMethod };
+//# sourceMappingURL=types.js.map

package/dist/esm/components/ConfigEditor/Auth/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../../src/components/ConfigEditor/Auth/types.ts"],"sourcesContent":["import { type ReactElement } from 'react';\n\nexport enum AuthMethod {\n  NoAuth = 'NoAuth',\n  BasicAuth = 'BasicAuth',\n  OAuthForward = 'OAuthForward',\n  CrossSiteCredentials = 'CrossSiteCredentials',\n}\n\nexport interface AuthMethodSelectOption {\n  label?: string;\n  description?: string;\n}\n\nexport type CustomMethodId = `custom-${string}`;\n\nexport type CustomMethod = {\n  id: CustomMethodId;\n  label: string;\n  description: string;\n  component: ReactElement;\n};\n\nexport type Header = {\n  name: string;\n  configured: boolean;\n};\n\nexport type HeaderWithValue = Header & { value: string };\n\nexport type LocalHeader = HeaderWithValue & { id: string };\n"],"names":["AuthMethod"],"mappings":";;AAEY,IAAA,UAAA,qBAAAA,WAAL,KAAA;AACL,EAAAA,YAAA,QAAS,CAAA,GAAA,QAAA;AACT,EAAAA,YAAA,WAAY,CAAA,GAAA,WAAA;AACZ,EAAAA,YAAA,cAAe,CAAA,GAAA,cAAA;AACf,EAAAA,YAAA,sBAAuB,CAAA,GAAA,sBAAA;AAJb,EAAAA,OAAAA,WAAAA;AAAA,CAAA,EAAA,UAAA,IAAA,EAAA;;;;"}

package/dist/esm/components/ConfigEditor/Auth/utils.js

@@ -0,0 +1,200 @@
+import 'react';
+import '@emotion/css';
+import { AuthMethod } from './types.js';
+import './auth-method/AuthMethodSettings.js';
+import '@grafana/ui';
+import '@grafana/data';
+
+const headerNamePrefix = "httpHeaderName";
+const headerValuePrefix = "httpHeaderValue";
+function convertLegacyAuthProps({
+  config,
+  onChange
+}) {
+  const props = {
+    selectedMethod: getSelectedMethod(config),
+    onAuthMethodSelect: getOnAuthMethodSelectHandler(config, onChange),
+    basicAuth: getBasicAuthProps(config, onChange),
+    TLS: getTLSProps(config, onChange),
+    customHeaders: getCustomHeaders(config, onChange),
+    readOnly: config.readOnly
+  };
+  return props;
+}
+function getSelectedMethod(config) {
+  if (config.basicAuth) {
+    return AuthMethod.BasicAuth;
+  }
+  if (config.withCredentials) {
+    return AuthMethod.CrossSiteCredentials;
+  }
+  if (config.jsonData.oauthPassThru) {
+    return AuthMethod.OAuthForward;
+  }
+  return AuthMethod.NoAuth;
+}
+function getOnAuthMethodSelectHandler(config, onChange) {
+  return (method) => {
+    onChange({
+      ...config,
+      basicAuth: method === AuthMethod.BasicAuth,
+      withCredentials: method === AuthMethod.CrossSiteCredentials,
+      jsonData: {
+        ...config.jsonData,
+        oauthPassThru: method === AuthMethod.OAuthForward
+      }
+    });
+  };
+}
+function getBasicAuthProps(config, onChange) {
+  return {
+    user: config.basicAuthUser,
+    passwordConfigured: config.secureJsonFields.basicAuthPassword,
+    onUserChange: (user) => onChange({ ...config, basicAuthUser: user }),
+    onPasswordChange: (password) => onChange({
+      ...config,
+      secureJsonData: {
+        ...config.secureJsonData,
+        basicAuthPassword: password
+      }
+    }),
+    onPasswordReset: () => onChange({
+      ...config,
+      secureJsonData: { ...config.secureJsonData, basicAuthPassword: "" },
+      secureJsonFields: {
+        ...config.secureJsonFields,
+        basicAuthPassword: false
+      }
+    })
+  };
+}
+function getTLSProps(config, onChange) {
+  var _a, _b, _c;
+  return {
+    selfSignedCertificate: {
+      enabled: Boolean(config.jsonData.tlsAuthWithCACert),
+      certificateConfigured: !!((_a = config.secureJsonFields) == null ? undefined : _a.tlsCACert),
+      onToggle: (enabled) => enabled ? onChange({
+        ...config,
+        jsonData: { ...config.jsonData, tlsAuthWithCACert: enabled }
+      }) : onChange({
+        ...config,
+        jsonData: { ...config.jsonData, tlsAuthWithCACert: enabled },
+        secureJsonData: { ...config.secureJsonData, tlsCACert: "" },
+        secureJsonFields: { ...config.secureJsonFields, tlsCACert: false }
+      }),
+      onCertificateChange: (certificate) => onChange({
+        ...config,
+        secureJsonData: { ...config.secureJsonData, tlsCACert: certificate }
+      }),
+      onCertificateReset: () => onChange({
+        ...config,
+        secureJsonData: { ...config.secureJsonData, tlsCACert: "" },
+        secureJsonFields: { ...config.secureJsonFields, tlsCACert: false }
+      })
+    },
+    TLSClientAuth: {
+      enabled: config.jsonData.tlsAuth,
+      serverName: config.jsonData.serverName,
+      clientCertificateConfigured: !!((_b = config.secureJsonFields) == null ? undefined : _b.tlsClientCert),
+      clientKeyConfigured: !!((_c = config.secureJsonFields) == null ? undefined : _c.tlsClientKey),
+      onToggle: (enabled) => enabled ? onChange({
+        ...config,
+        jsonData: { ...config.jsonData, tlsAuth: enabled }
+      }) : onChange({
+        ...config,
+        jsonData: { ...config.jsonData, tlsAuth: enabled, serverName: "" },
+        secureJsonData: { ...config.secureJsonData, tlsClientCert: "", tlsClientKey: "" },
+        secureJsonFields: { ...config.secureJsonFields, tlsClientCert: false, tlsClientKey: false }
+      }),
+      onServerNameChange: (serverName) => onChange({
+        ...config,
+        jsonData: { ...config.jsonData, serverName }
+      }),
+      onClientCertificateChange: (clientCertificate) => onChange({
+        ...config,
+        secureJsonData: {
+          ...config.secureJsonData,
+          tlsClientCert: clientCertificate
+        }
+      }),
+      onClientCertificateReset: () => onChange({
+        ...config,
+        secureJsonData: {
+          ...config.secureJsonData,
+          tlsClientCert: ""
+        },
+        secureJsonFields: {
+          ...config.secureJsonFields,
+          tlsClientCert: false
+        }
+      }),
+      onClientKeyChange: (clientKey) => onChange({
+        ...config,
+        secureJsonData: {
+          ...config.secureJsonData,
+          tlsClientKey: clientKey
+        }
+      }),
+      onClientKeyReset: () => onChange({
+        ...config,
+        secureJsonData: {
+          ...config.secureJsonData,
+          tlsClientKey: ""
+        },
+        secureJsonFields: {
+          ...config.secureJsonFields,
+          tlsClientKey: false
+        }
+      })
+    },
+    skipTLSVerification: {
+      enabled: config.jsonData.tlsSkipVerify,
+      onToggle: (enabled) => onChange({
+        ...config,
+        jsonData: { ...config.jsonData, tlsSkipVerify: enabled }
+      })
+    }
+  };
+}
+function getCustomHeaders(config, onChange) {
+  const headers = Object.keys(config.jsonData).filter((key) => key.startsWith(headerNamePrefix)).sort().map((key) => {
+    var _a;
+    const index = key.slice(headerNamePrefix.length);
+    return {
+      name: config.jsonData[key],
+      configured: (_a = config.secureJsonFields[`${headerValuePrefix}${index}`]) != null ? _a : false
+    };
+  });
+  return {
+    headers,
+    onChange: (headers2) => {
+      const newJsonData = Object.fromEntries(
+        Object.entries(config.jsonData).filter(([key]) => !key.startsWith(headerNamePrefix))
+      );
+      const newSecureJsonData = Object.fromEntries(
+        Object.entries(config.secureJsonData || {}).filter(([key]) => !key.startsWith(headerValuePrefix))
+      );
+      const newSecureJsonFields = Object.fromEntries(
+        Object.entries(config.secureJsonFields).filter(([key]) => !key.startsWith(headerValuePrefix))
+      );
+      headers2.forEach((header, index) => {
+        newJsonData[`${headerNamePrefix}${index + 1}`] = header.name;
+        if (header.configured) {
+          newSecureJsonFields[`${headerValuePrefix}${index + 1}`] = true;
+        } else {
+          newSecureJsonData[`${headerValuePrefix}${index + 1}`] = header.value;
+        }
+      });
+      onChange({
+        ...config,
+        jsonData: newJsonData,
+        secureJsonData: newSecureJsonData,
+        secureJsonFields: newSecureJsonFields
+      });
+    }
+  };
+}
+
+export { convertLegacyAuthProps, getBasicAuthProps, getCustomHeaders, getOnAuthMethodSelectHandler, getSelectedMethod, getTLSProps };
+//# sourceMappingURL=utils.js.map

package/dist/esm/components/ConfigEditor/Auth/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/ConfigEditor/Auth/utils.ts"],"sourcesContent":["import { type Props as AuthProps } from './Auth';\nimport { AuthMethod, type Header, type CustomMethodId } from './types';\nimport { type Config, type OnChangeHandler } from '../types';\n\nconst headerNamePrefix = 'httpHeaderName';\nconst headerValuePrefix = 'httpHeaderValue';\n\nexport function convertLegacyAuthProps<C extends Config = Config>({\n  config,\n  onChange,\n}: {\n  config: C;\n  onChange: OnChangeHandler<C>;\n}): AuthProps {\n  const props: AuthProps = {\n    selectedMethod: getSelectedMethod<C>(config),\n    onAuthMethodSelect: getOnAuthMethodSelectHandler<C>(config, onChange),\n    basicAuth: getBasicAuthProps<C>(config, onChange),\n    TLS: getTLSProps<C>(config, onChange),\n    customHeaders: getCustomHeaders<C>(config, onChange),\n    readOnly: config.readOnly,\n  };\n\n  return props;\n}\n\nexport function getSelectedMethod<C extends Config = Config>(config: C): AuthMethod {\n  if (config.basicAuth) {\n    return AuthMethod.BasicAuth;\n  }\n  if (config.withCredentials) {\n    return AuthMethod.CrossSiteCredentials;\n  }\n  if (config.jsonData.oauthPassThru) {\n    return AuthMethod.OAuthForward;\n  }\n  return AuthMethod.NoAuth;\n}\n\nexport function getOnAuthMethodSelectHandler<C extends Config = Config>(\n  config: C,\n  onChange: OnChangeHandler<C>\n): (method: AuthMethod | CustomMethodId) => void {\n  return (method: AuthMethod | CustomMethodId) => {\n    onChange({\n      ...config,\n      basicAuth: method === AuthMethod.BasicAuth,\n      withCredentials: method === AuthMethod.CrossSiteCredentials,\n      jsonData: {\n        ...config.jsonData,\n        oauthPassThru: method === AuthMethod.OAuthForward,\n      },\n    });\n  };\n}\n\nexport function getBasicAuthProps<C extends Config = Config>(\n  config: C,\n  onChange: OnChangeHandler<C>\n): AuthProps['basicAuth'] {\n  return {\n    user: config.basicAuthUser,\n    passwordConfigured: config.secureJsonFields.basicAuthPassword,\n    onUserChange: (user: string) => onChange({ ...config, basicAuthUser: user }),\n    onPasswordChange: (password: string) =>\n      onChange({\n        ...config,\n        secureJsonData: {\n          ...config.secureJsonData,\n          basicAuthPassword: password,\n        },\n      }),\n    onPasswordReset: () =>\n      onChange({\n        ...config,\n        secureJsonData: { ...config.secureJsonData, basicAuthPassword: '' },\n        secureJsonFields: {\n          ...config.secureJsonFields,\n          basicAuthPassword: false,\n        },\n      }),\n  };\n}\n\nexport function getTLSProps<C extends Config = Config>(config: C, onChange: OnChangeHandler<C>): AuthProps['TLS'] {\n  return {\n    selfSignedCertificate: {\n      enabled: Boolean(config.jsonData.tlsAuthWithCACert),\n      certificateConfigured: !!config.secureJsonFields?.tlsCACert,\n      onToggle: (enabled) =>\n        enabled\n          ? onChange({\n              ...config,\n              jsonData: { ...config.jsonData, tlsAuthWithCACert: enabled },\n            })\n          : onChange({\n              ...config,\n              jsonData: { ...config.jsonData, tlsAuthWithCACert: enabled },\n              secureJsonData: { ...config.secureJsonData, tlsCACert: '' },\n              secureJsonFields: { ...config.secureJsonFields, tlsCACert: false },\n            }),\n      onCertificateChange: (certificate) =>\n        onChange({\n          ...config,\n          secureJsonData: { ...config.secureJsonData, tlsCACert: certificate },\n        }),\n      onCertificateReset: () =>\n        onChange({\n          ...config,\n          secureJsonData: { ...config.secureJsonData, tlsCACert: '' },\n          secureJsonFields: { ...config.secureJsonFields, tlsCACert: false },\n        }),\n    },\n    TLSClientAuth: {\n      enabled: config.jsonData.tlsAuth,\n      serverName: config.jsonData.serverName,\n      clientCertificateConfigured: !!config.secureJsonFields?.tlsClientCert,\n      clientKeyConfigured: !!config.secureJsonFields?.tlsClientKey,\n      onToggle: (enabled) =>\n        enabled\n          ? onChange({\n              ...config,\n              jsonData: { ...config.jsonData, tlsAuth: enabled },\n            })\n          : onChange({\n              ...config,\n              jsonData: { ...config.jsonData, tlsAuth: enabled, serverName: '' },\n              secureJsonData: { ...config.secureJsonData, tlsClientCert: '', tlsClientKey: '' },\n              secureJsonFields: { ...config.secureJsonFields, tlsClientCert: false, tlsClientKey: false },\n            }),\n      onServerNameChange: (serverName) =>\n        onChange({\n          ...config,\n          jsonData: { ...config.jsonData, serverName },\n        }),\n      onClientCertificateChange: (clientCertificate) =>\n        onChange({\n          ...config,\n          secureJsonData: {\n            ...config.secureJsonData,\n            tlsClientCert: clientCertificate,\n          },\n        }),\n      onClientCertificateReset: () =>\n        onChange({\n          ...config,\n          secureJsonData: {\n            ...config.secureJsonData,\n            tlsClientCert: '',\n          },\n          secureJsonFields: {\n            ...config.secureJsonFields,\n            tlsClientCert: false,\n          },\n        }),\n      onClientKeyChange: (clientKey) =>\n        onChange({\n          ...config,\n          secureJsonData: {\n            ...config.secureJsonData,\n            tlsClientKey: clientKey,\n          },\n        }),\n      onClientKeyReset: () =>\n        onChange({\n          ...config,\n          secureJsonData: {\n            ...config.secureJsonData,\n            tlsClientKey: '',\n          },\n          secureJsonFields: {\n            ...config.secureJsonFields,\n            tlsClientKey: false,\n          },\n        }),\n    },\n    skipTLSVerification: {\n      enabled: config.jsonData.tlsSkipVerify,\n      onToggle: (enabled) =>\n        onChange({\n          ...config,\n          jsonData: { ...config.jsonData, tlsSkipVerify: enabled },\n        }),\n    },\n  };\n}\n\nexport function getCustomHeaders<C extends Config = Config>(\n  config: C,\n  onChange: OnChangeHandler<C>\n): AuthProps['customHeaders'] {\n  const headers: Header[] = Object.keys(config.jsonData)\n    .filter((key) => key.startsWith(headerNamePrefix))\n    .sort()\n    .map((key) => {\n      const index = key.slice(headerNamePrefix.length);\n      return {\n        name: config.jsonData[key],\n        configured: config.secureJsonFields[`${headerValuePrefix}${index}`] ?? false,\n      };\n    });\n\n  return {\n    headers,\n    onChange: (headers) => {\n      const newJsonData = Object.fromEntries(\n        Object.entries(config.jsonData).filter(([key]) => !key.startsWith(headerNamePrefix))\n      );\n      const newSecureJsonData = Object.fromEntries(\n        Object.entries(config.secureJsonData || {}).filter(([key]) => !key.startsWith(headerValuePrefix))\n      );\n      const newSecureJsonFields = Object.fromEntries(\n        Object.entries(config.secureJsonFields).filter(([key]) => !key.startsWith(headerValuePrefix))\n      );\n\n      headers.forEach((header, index) => {\n        newJsonData[`${headerNamePrefix}${index + 1}`] = header.name;\n        if (header.configured) {\n          newSecureJsonFields[`${headerValuePrefix}${index + 1}`] = true;\n        } else {\n          newSecureJsonData[`${headerValuePrefix}${index + 1}`] = header.value;\n        }\n      });\n\n      onChange({\n        ...config,\n        jsonData: newJsonData,\n        secureJsonData: newSecureJsonData,\n        secureJsonFields: newSecureJsonFields,\n      });\n    },\n  };\n}\n"],"names":["headers"],"mappings":"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"}

package/dist/esm/components/ConfigEditor/ConfigSection/ConfigDescriptionLink.js

@@ -0,0 +1,38 @@
+import { css } from '@emotion/css';
+import React from 'react';
+import '@grafana/data';
+import { useStyles2 } from '@grafana/ui';
+
+function ConfigDescriptionLink(props) {
+  const { description, suffix, feature } = props;
+  const text = `Learn more about ${feature}`;
+  const styles = useStyles2(getStyles);
+  return /* @__PURE__ */ React.createElement("span", { className: styles.container }, description, /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      "aria-label": text,
+      href: `https://grafana.com/docs/grafana/next/datasources/${suffix}`,
+      rel: "noreferrer",
+      target: "_blank"
+    },
+    text
+  ));
+}
+const getStyles = (theme) => {
+  return {
+    container: css({
+      color: theme.colors.text.secondary,
+      a: css({
+        color: theme.colors.text.link,
+        textDecoration: "underline",
+        marginLeft: "5px",
+        "&:hover": {
+          textDecoration: "none"
+        }
+      })
+    })
+  };
+};
+
+export { ConfigDescriptionLink };
+//# sourceMappingURL=ConfigDescriptionLink.js.map

package/dist/esm/components/ConfigEditor/ConfigSection/ConfigDescriptionLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigDescriptionLink.js","sources":["../../../../../src/components/ConfigEditor/ConfigSection/ConfigDescriptionLink.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport React from 'react';\n\nimport { type GrafanaTheme2 } from '@grafana/data';\nimport { useStyles2 } from '@grafana/ui';\n\ntype Props = {\n  description: string;\n  suffix: string;\n  feature: string;\n};\n\nexport function ConfigDescriptionLink(props: Props) {\n  const { description, suffix, feature } = props;\n  const text = `Learn more about ${feature}`;\n  const styles = useStyles2(getStyles);\n\n  return (\n    <span className={styles.container}>\n      {description}\n      <a\n        aria-label={text}\n        href={`https://grafana.com/docs/grafana/next/datasources/${suffix}`}\n        rel=\"noreferrer\"\n        target=\"_blank\"\n      >\n        {text}\n      </a>\n    </span>\n  );\n}\n\nconst getStyles = (theme: GrafanaTheme2) => {\n  return {\n    container: css({\n      color: theme.colors.text.secondary,\n      a: css({\n        color: theme.colors.text.link,\n        textDecoration: 'underline',\n        marginLeft: '5px',\n        '&:hover': {\n          textDecoration: 'none',\n        },\n      }),\n    }),\n  };\n};\n"],"names":[],"mappings":";;;;;AAYO,SAAS,sBAAsB,KAAc,EAAA;AAClD,EAAA,MAAM,EAAE,WAAA,EAAa,MAAQ,EAAA,OAAA,EAAY,GAAA,KAAA;AACzC,EAAM,MAAA,IAAA,GAAO,oBAAoB,OAAO,CAAA,CAAA;AACxC,EAAM,MAAA,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,aACrB,WACD,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,YAAY,EAAA,IAAA;AAAA,MACZ,IAAA,EAAM,qDAAqD,MAAM,CAAA,CAAA;AAAA,MACjE,GAAI,EAAA,YAAA;AAAA,MACJ,MAAO,EAAA;AAAA,KAAA;AAAA,IAEN;AAAA,GAEL,CAAA;AAEJ;AAEA,MAAM,SAAA,GAAY,CAAC,KAAyB,KAAA;AAC1C,EAAO,OAAA;AAAA,IACL,WAAW,GAAI,CAAA;AAAA,MACb,KAAA,EAAO,KAAM,CAAA,MAAA,CAAO,IAAK,CAAA,SAAA;AAAA,MACzB,GAAG,GAAI,CAAA;AAAA,QACL,KAAA,EAAO,KAAM,CAAA,MAAA,CAAO,IAAK,CAAA,IAAA;AAAA,QACzB,cAAgB,EAAA,WAAA;AAAA,QAChB,UAAY,EAAA,KAAA;AAAA,QACZ,SAAW,EAAA;AAAA,UACT,cAAgB,EAAA;AAAA;AAClB,OACD;AAAA,KACF;AAAA,GACH;AACF,CAAA;;;;"}

package/dist/esm/components/ConfigEditor/ConfigSection/ConfigSection.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { GenericConfigSection } from './GenericConfigSection.js';
+
+const ConfigSection = ({ children, ...props }) => {
+  return /* @__PURE__ */ React.createElement(GenericConfigSection, { ...props, kind: "section" }, children);
+};
+
+export { ConfigSection };
+//# sourceMappingURL=ConfigSection.js.map

package/dist/esm/components/ConfigEditor/ConfigSection/ConfigSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigSection.js","sources":["../../../../../src/components/ConfigEditor/ConfigSection/ConfigSection.tsx"],"sourcesContent":["import React from 'react';\nimport { GenericConfigSection, type Props as GenericConfigSectionProps } from './GenericConfigSection';\n\ntype Props = Omit<GenericConfigSectionProps, 'kind'>;\n\nexport const ConfigSection = ({ children, ...props }: React.PropsWithChildren<Props>) => {\n  return (\n    <GenericConfigSection {...props} kind=\"section\">\n      {children}\n    </GenericConfigSection>\n  );\n};\n"],"names":[],"mappings":";;;AAKO,MAAM,gBAAgB,CAAC,EAAE,QAAU,EAAA,GAAG,OAA4C,KAAA;AACvF,EAAA,2CACG,oBAAsB,EAAA,EAAA,GAAG,KAAO,EAAA,IAAA,EAAK,aACnC,QACH,CAAA;AAEJ;;;;"}

package/dist/esm/components/ConfigEditor/ConfigSection/ConfigSubSection.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { GenericConfigSection } from './GenericConfigSection.js';
+
+const ConfigSubSection = ({ children, ...props }) => {
+  return /* @__PURE__ */ React.createElement(GenericConfigSection, { ...props, kind: "sub-section" }, children);
+};
+
+export { ConfigSubSection };
+//# sourceMappingURL=ConfigSubSection.js.map

package/dist/esm/components/ConfigEditor/ConfigSection/ConfigSubSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigSubSection.js","sources":["../../../../../src/components/ConfigEditor/ConfigSection/ConfigSubSection.tsx"],"sourcesContent":["import React from 'react';\nimport { GenericConfigSection, type Props as GenericConfigSectionProps } from './GenericConfigSection';\n\ntype Props = Omit<GenericConfigSectionProps, 'kind'>;\n\nexport const ConfigSubSection = ({ children, ...props }: React.PropsWithChildren<Props>) => {\n  return (\n    <GenericConfigSection {...props} kind=\"sub-section\">\n      {children}\n    </GenericConfigSection>\n  );\n};\n"],"names":[],"mappings":";;;AAKO,MAAM,mBAAmB,CAAC,EAAE,QAAU,EAAA,GAAG,OAA4C,KAAA;AAC1F,EAAA,2CACG,oBAAsB,EAAA,EAAA,GAAG,KAAO,EAAA,IAAA,EAAK,iBACnC,QACH,CAAA;AAEJ;;;;"}