@grafana/plugin-ui 0.14.1-dsconfig.f952c80 → 0.15.0

package/dist/esm/components/ConfigEditor/Auth/auth-method/BasicAuth.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicAuth.js","sources":["../../../../../../src/components/ConfigEditor/Auth/auth-method/BasicAuth.tsx"],"sourcesContent":["import React from 'react';\nimport { cx, css } from '@emotion/css';\nimport { InlineField, Input, type PopoverContent, SecretInput } from '@grafana/ui';\nimport { useCommonStyles } from '../styles';\n\nexport type Props = {\n  user?: string;\n  passwordConfigured: boolean;\n  userLabel?: string;\n  userTooltip?: PopoverContent;\n  userPlaceholder?: string;\n  passwordLabel?: string;\n  passwordTooltip?: PopoverContent;\n  passwordPlaceholder?: string;\n  onUserChange: (user: string) => void;\n  onPasswordChange: (password: string) => void;\n  onPasswordReset: () => void;\n  readOnly: boolean;\n};\n\nexport const BasicAuth = ({\n  user,\n  passwordConfigured,\n  userLabel = 'User',\n  userTooltip = 'The username of the data source account',\n  userPlaceholder = 'User',\n  passwordLabel = 'Password',\n  passwordTooltip = 'The password of the data source account',\n  passwordPlaceholder = 'Password',\n  onUserChange,\n  onPasswordChange,\n  onPasswordReset,\n  readOnly,\n}: Props) => {\n  const commonStyles = useCommonStyles();\n  const styles = {\n    lastInlineField: css({\n      marginBottom: 0,\n    }),\n  };\n  return (\n    <>\n      <InlineField\n        className={commonStyles.inlineFieldNoMarginRight}\n        label={userLabel}\n        labelWidth={24}\n        tooltip={userTooltip}\n        required\n        htmlFor=\"basic-auth-user-input\"\n        interactive\n        grow\n        disabled={readOnly}\n      >\n        <Input\n          id=\"basic-auth-user-input\"\n          placeholder={userPlaceholder}\n          value={user}\n          onChange={(e) => onUserChange(e.currentTarget.value)}\n          required\n        />\n      </InlineField>\n      <InlineField\n        className={cx(\n          commonStyles.inlineFieldNoMarginRight,\n          commonStyles.inlineFieldWithSecret,\n          styles.lastInlineField\n        )}\n        label={passwordLabel}\n        labelWidth={24}\n        tooltip={passwordTooltip}\n        required\n        htmlFor=\"basic-auth-password-input\"\n        interactive\n        grow\n        disabled={readOnly}\n      >\n        <SecretInput\n          id=\"basic-auth-password-input\"\n          isConfigured={passwordConfigured}\n          onReset={readOnly ? () => {} : onPasswordReset}\n          placeholder={passwordPlaceholder}\n          onChange={(e) => onPasswordChange(e.currentTarget.value)}\n          required\n        />\n      </InlineField>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AAoBO,MAAM,YAAY,CAAC;AAAA,EACxB,IAAA;AAAA,EACA,kBAAA;AAAA,EACA,SAAA,GAAY,MAAA;AAAA,EACZ,WAAA,GAAc,yCAAA;AAAA,EACd,eAAA,GAAkB,MAAA;AAAA,EAClB,aAAA,GAAgB,UAAA;AAAA,EAChB,eAAA,GAAkB,yCAAA;AAAA,EAClB,mBAAA,GAAsB,UAAA;AAAA,EACtB,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,eAAA;AAAA,EACA;AACF,CAAA,KAAa;AACX,EAAA,MAAM,eAAe,eAAA,EAAgB;AACrC,EAAA,MAAM,MAAA,GAAS;AAAA,IACb,iBAAiB,GAAA,CAAI;AAAA,MACnB,YAAA,EAAc;AAAA,KACf;AAAA,GACH;AACA,EAAA,uBACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,WAAW,YAAA,CAAa,wBAAA;AAAA,MACxB,KAAA,EAAO,SAAA;AAAA,MACP,UAAA,EAAY,EAAA;AAAA,MACZ,OAAA,EAAS,WAAA;AAAA,MACT,QAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAQ,uBAAA;AAAA,MACR,WAAA,EAAW,IAAA;AAAA,MACX,IAAA,EAAI,IAAA;AAAA,MACJ,QAAA,EAAU;AAAA,KAAA;AAAA,oBAEV,KAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAG,uBAAA;AAAA,QACH,WAAA,EAAa,eAAA;AAAA,QACb,KAAA,EAAO,IAAA;AAAA,QACP,UAAU,CAAC,CAAA,KAAM,YAAA,CAAa,CAAA,CAAE,cAAc,KAAK,CAAA;AAAA,QACnD,QAAA,EAAQ;AAAA;AAAA;AACV,GACF,kBACA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,YAAA,CAAa,wBAAA;AAAA,QACb,YAAA,CAAa,qBAAA;AAAA,QACb,MAAA,CAAO;AAAA,OACT;AAAA,MACA,KAAA,EAAO,aAAA;AAAA,MACP,UAAA,EAAY,EAAA;AAAA,MACZ,OAAA,EAAS,eAAA;AAAA,MACT,QAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAQ,2BAAA;AAAA,MACR,WAAA,EAAW,IAAA;AAAA,MACX,IAAA,EAAI,IAAA;AAAA,MACJ,QAAA,EAAU;AAAA,KAAA;AAAA,oBAEV,KAAA,CAAA,aAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAG,2BAAA;AAAA,QACH,YAAA,EAAc,kBAAA;AAAA,QACd,OAAA,EAAS,WAAW,MAAM;AAAA,QAAC,CAAA,GAAI,eAAA;AAAA,QAC/B,WAAA,EAAa,mBAAA;AAAA,QACb,UAAU,CAAC,CAAA,KAAM,gBAAA,CAAiB,CAAA,CAAE,cAAc,KAAK,CAAA;AAAA,QACvD,QAAA,EAAQ;AAAA;AAAA;AACV,GAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"BasicAuth.js","sources":["../../../../../../src/components/ConfigEditor/Auth/auth-method/BasicAuth.tsx"],"sourcesContent":["import React from 'react';\nimport { cx, css } from '@emotion/css';\nimport { InlineField, Input, type PopoverContent, SecretInput } from '@grafana/ui';\nimport { useCommonStyles } from '../styles';\n\nexport type Props = {\n  user?: string;\n  passwordConfigured: boolean;\n  userLabel?: string;\n  userTooltip?: PopoverContent;\n  userPlaceholder?: string;\n  passwordLabel?: string;\n  passwordTooltip?: PopoverContent;\n  passwordPlaceholder?: string;\n  onUserChange: (user: string) => void;\n  onPasswordChange: (password: string) => void;\n  onPasswordReset: () => void;\n  readOnly: boolean;\n};\n\nexport const BasicAuth = ({\n  user,\n  passwordConfigured,\n  userLabel = 'User',\n  userTooltip = 'The username of the data source account',\n  userPlaceholder = 'User',\n  passwordLabel = 'Password',\n  passwordTooltip = 'The password of the data source account',\n  passwordPlaceholder = 'Password',\n  onUserChange,\n  onPasswordChange,\n  onPasswordReset,\n  readOnly,\n}: Props) => {\n  const commonStyles = useCommonStyles();\n  const styles = {\n    lastInlineField: css({\n      marginBottom: 0,\n    }),\n  };\n  return (\n    <>\n      <InlineField\n        className={commonStyles.inlineFieldNoMarginRight}\n        label={userLabel}\n        labelWidth={24}\n        tooltip={userTooltip}\n        required\n        htmlFor=\"basic-auth-user-input\"\n        interactive\n        grow\n        disabled={readOnly}\n      >\n        <Input\n          id=\"basic-auth-user-input\"\n          placeholder={userPlaceholder}\n          value={user}\n          onChange={(e) => onUserChange(e.currentTarget.value)}\n          required\n        />\n      </InlineField>\n      <InlineField\n        className={cx(\n          commonStyles.inlineFieldNoMarginRight,\n          commonStyles.inlineFieldWithSecret,\n          styles.lastInlineField\n        )}\n        label={passwordLabel}\n        labelWidth={24}\n        tooltip={passwordTooltip}\n        required\n        htmlFor=\"basic-auth-password-input\"\n        interactive\n        grow\n        disabled={readOnly}\n      >\n        <SecretInput\n          id=\"basic-auth-password-input\"\n          isConfigured={passwordConfigured}\n          onReset={readOnly ? () => {} : onPasswordReset}\n          placeholder={passwordPlaceholder}\n          onChange={(e) => onPasswordChange(e.currentTarget.value)}\n          required\n        />\n      </InlineField>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AAoBO,MAAM,YAAY,CAAC;AAAA,EACxB,IAAA;AAAA,EACA,kBAAA;AAAA,EACA,SAAY,GAAA,MAAA;AAAA,EACZ,WAAc,GAAA,yCAAA;AAAA,EACd,eAAkB,GAAA,MAAA;AAAA,EAClB,aAAgB,GAAA,UAAA;AAAA,EAChB,eAAkB,GAAA,yCAAA;AAAA,EAClB,mBAAsB,GAAA,UAAA;AAAA,EACtB,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,eAAA;AAAA,EACA;AACF,CAAa,KAAA;AACX,EAAA,MAAM,eAAe,eAAgB,EAAA;AACrC,EAAA,MAAM,MAAS,GAAA;AAAA,IACb,iBAAiB,GAAI,CAAA;AAAA,MACnB,YAAc,EAAA;AAAA,KACf;AAAA,GACH;AACA,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,WAAW,YAAa,CAAA,wBAAA;AAAA,MACxB,KAAO,EAAA,SAAA;AAAA,MACP,UAAY,EAAA,EAAA;AAAA,MACZ,OAAS,EAAA,WAAA;AAAA,MACT,QAAQ,EAAA,IAAA;AAAA,MACR,OAAQ,EAAA,uBAAA;AAAA,MACR,WAAW,EAAA,IAAA;AAAA,MACX,IAAI,EAAA,IAAA;AAAA,MACJ,QAAU,EAAA;AAAA,KAAA;AAAA,oBAEV,KAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,EAAG,EAAA,uBAAA;AAAA,QACH,WAAa,EAAA,eAAA;AAAA,QACb,KAAO,EAAA,IAAA;AAAA,QACP,UAAU,CAAC,CAAA,KAAM,YAAa,CAAA,CAAA,CAAE,cAAc,KAAK,CAAA;AAAA,QACnD,QAAQ,EAAA;AAAA;AAAA;AACV,GAEF,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,EAAA;AAAA,QACT,YAAa,CAAA,wBAAA;AAAA,QACb,YAAa,CAAA,qBAAA;AAAA,QACb,MAAO,CAAA;AAAA,OACT;AAAA,MACA,KAAO,EAAA,aAAA;AAAA,MACP,UAAY,EAAA,EAAA;AAAA,MACZ,OAAS,EAAA,eAAA;AAAA,MACT,QAAQ,EAAA,IAAA;AAAA,MACR,OAAQ,EAAA,2BAAA;AAAA,MACR,WAAW,EAAA,IAAA;AAAA,MACX,IAAI,EAAA,IAAA;AAAA,MACJ,QAAU,EAAA;AAAA,KAAA;AAAA,oBAEV,KAAA,CAAA,aAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,EAAG,EAAA,2BAAA;AAAA,QACH,YAAc,EAAA,kBAAA;AAAA,QACd,OAAA,EAAS,WAAW,MAAM;AAAA,SAAK,GAAA,eAAA;AAAA,QAC/B,WAAa,EAAA,mBAAA;AAAA,QACb,UAAU,CAAC,CAAA,KAAM,gBAAiB,CAAA,CAAA,CAAE,cAAc,KAAK,CAAA;AAAA,QACvD,QAAQ,EAAA;AAAA;AAAA;AACV,GAEJ,CAAA;AAEJ;;;;"}

package/dist/esm/components/ConfigEditor/Auth/custom-headers/CustomHeader.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from '../../../../_virtual/index.js';
 import { css, cx } from '@emotion/css';
 import { useTheme2, InlineFieldRow, InlineField, Input, SecretInput, IconButton } from '@grafana/ui';
 import { useCommonStyles } from '../styles.js';

package/dist/esm/components/ConfigEditor/Auth/custom-headers/CustomHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomHeader.js","sources":["../../../../../../src/components/ConfigEditor/Auth/custom-headers/CustomHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { css, cx } from '@emotion/css';\nimport { InlineFieldRow, InlineField, Input, IconButton, useTheme2, SecretInput } from '@grafana/ui';\nimport type { LocalHeader } from '../types';\nimport { useCommonStyles } from '../styles';\n\nexport type Props = {\n  header: LocalHeader;\n  onChange: (header: LocalHeader) => void;\n  onBlur: () => void;\n  onDelete: () => void;\n  readOnly: boolean;\n};\n\nexport const CustomHeader = ({ header, onChange, onBlur, onDelete, readOnly }: Props) => {\n  const { spacing } = useTheme2();\n  const commonStyles = useCommonStyles();\n  const styles = {\n    container: css({\n      alignItems: 'center',\n    }),\n    input: css({\n      minWidth: '100%',\n    }),\n    headerNameField: css({\n      width: '40%',\n      marginRight: 0,\n      paddingRight: spacing(1),\n    }),\n    headerValueField: css({\n      width: '45%',\n      marginRight: 0,\n    }),\n    removeHeaderBtn: css({\n      margin: `0 0 3px 10px`,\n    }),\n  };\n\n  return (\n    <>\n      <InlineFieldRow className={styles.container}>\n        <InlineField\n          label=\"Header\"\n          labelWidth={9}\n          grow\n          className={styles.headerNameField}\n          htmlFor={`custom-header-${header.id}-name-input`}\n          disabled={readOnly}\n        >\n          <Input\n            id={`custom-header-${header.id}-name-input`}\n            placeholder=\"X-Custom-Header\"\n            value={header.name}\n            width={12}\n            onChange={(e) => onChange({ ...header, name: e.currentTarget.value })}\n            onBlur={onBlur}\n            className={styles.input}\n          />\n        </InlineField>\n        <InlineField\n          label=\"Value\"\n          labelWidth={9}\n          grow\n          className={cx(commonStyles.inlineFieldWithSecret, styles.headerValueField)}\n          htmlFor={`custom-header-${header.id}-value-input`}\n          disabled={readOnly}\n        >\n          <SecretInput\n            id={`custom-header-${header.id}-value-input`}\n            isConfigured={header.configured}\n            placeholder=\"Header value\"\n            value={header.value}\n            width={12}\n            onChange={(e) => onChange({ ...header, value: e.currentTarget.value })}\n            onReset={readOnly ? () => {} : () => onChange({ ...header, configured: false, value: '' })}\n            onBlur={onBlur}\n            className={styles.input}\n          />\n        </InlineField>\n        <IconButton\n          name=\"trash-alt\"\n          tooltip=\"Remove header\"\n          tooltipPlacement=\"top\"\n          className={styles.removeHeaderBtn}\n          onClick={onDelete}\n          type=\"button\"\n          disabled={readOnly}\n        />\n      </InlineFieldRow>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CustomHeader.js","sources":["../../../../../../src/components/ConfigEditor/Auth/custom-headers/CustomHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { css, cx } from '@emotion/css';\nimport { InlineFieldRow, InlineField, Input, IconButton, useTheme2, SecretInput } from '@grafana/ui';\nimport type { LocalHeader } from '../types';\nimport { useCommonStyles } from '../styles';\n\nexport type Props = {\n  header: LocalHeader;\n  onChange: (header: LocalHeader) => void;\n  onBlur: () => void;\n  onDelete: () => void;\n  readOnly: boolean;\n};\n\nexport const CustomHeader = ({ header, onChange, onBlur, onDelete, readOnly }: Props) => {\n  const { spacing } = useTheme2();\n  const commonStyles = useCommonStyles();\n  const styles = {\n    container: css({\n      alignItems: 'center',\n    }),\n    input: css({\n      minWidth: '100%',\n    }),\n    headerNameField: css({\n      width: '40%',\n      marginRight: 0,\n      paddingRight: spacing(1),\n    }),\n    headerValueField: css({\n      width: '45%',\n      marginRight: 0,\n    }),\n    removeHeaderBtn: css({\n      margin: `0 0 3px 10px`,\n    }),\n  };\n\n  return (\n    <>\n      <InlineFieldRow className={styles.container}>\n        <InlineField\n          label=\"Header\"\n          labelWidth={9}\n          grow\n          className={styles.headerNameField}\n          htmlFor={`custom-header-${header.id}-name-input`}\n          disabled={readOnly}\n        >\n          <Input\n            id={`custom-header-${header.id}-name-input`}\n            placeholder=\"X-Custom-Header\"\n            value={header.name}\n            width={12}\n            onChange={(e) => onChange({ ...header, name: e.currentTarget.value })}\n            onBlur={onBlur}\n            className={styles.input}\n          />\n        </InlineField>\n        <InlineField\n          label=\"Value\"\n          labelWidth={9}\n          grow\n          className={cx(commonStyles.inlineFieldWithSecret, styles.headerValueField)}\n          htmlFor={`custom-header-${header.id}-value-input`}\n          disabled={readOnly}\n        >\n          <SecretInput\n            id={`custom-header-${header.id}-value-input`}\n            isConfigured={header.configured}\n            placeholder=\"Header value\"\n            value={header.value}\n            width={12}\n            onChange={(e) => onChange({ ...header, value: e.currentTarget.value })}\n            onReset={readOnly ? () => {} : () => onChange({ ...header, configured: false, value: '' })}\n            onBlur={onBlur}\n            className={styles.input}\n          />\n        </InlineField>\n        <IconButton\n          name=\"trash-alt\"\n          tooltip=\"Remove header\"\n          tooltipPlacement=\"top\"\n          className={styles.removeHeaderBtn}\n          onClick={onDelete}\n          type=\"button\"\n          disabled={readOnly}\n        />\n      </InlineFieldRow>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/components/ConfigEditor/Auth/custom-headers/CustomHeaders.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { r as reactExports } from '../../../../_virtual/index.js';
 import { css } from '@emotion/css';
 import { useTheme2, Button } from '@grafana/ui';
 import { CustomHeader } from './CustomHeader.js';
@@ -7,19 +7,19 @@ import '@grafana/data';
 
 const CustomHeaders = ({ headers: headersFromProps, onChange, readOnly }) => {
   const { spacing } = useTheme2();
-  const [headers, setHeaders] = useState(
+  const [headers, setHeaders] = reactExports.useState(
     headersFromProps.map((header) => ({
       ...header,
       id: uniqueId(),
       value: ""
     }))
   );
-  useEffect(() => {
+  reactExports.useEffect(() => {
     setHeaders((headers2) => {
       let changed = false;
       const newHeaders = headers2.map((header) => {
         var _a;
-        const configured = (_a = headersFromProps.find((h) => h.name === header.name)) == null ? void 0 : _a.configured;
+        const configured = (_a = headersFromProps.find((h) => h.name === header.name)) == null ? undefined : _a.configured;
         if (typeof configured !== "undefined" && header.configured !== configured) {
           changed = true;
           return { ...header, configured };

package/dist/esm/components/ConfigEditor/Auth/custom-headers/CustomHeaders.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomHeaders.js","sources":["../../../../../../src/components/ConfigEditor/Auth/custom-headers/CustomHeaders.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { css } from '@emotion/css';\nimport { Button, useTheme2 } from '@grafana/ui';\nimport { CustomHeader } from './CustomHeader';\nimport { ConfigSubSection } from '../../ConfigSection';\nimport type { Header, HeaderWithValue, LocalHeader } from '../types';\n\nexport type Props = {\n  headers: Header[];\n  onChange: (headers: HeaderWithValue[]) => void;\n  readOnly: boolean;\n};\n\nexport const CustomHeaders = ({ headers: headersFromProps, onChange, readOnly }: Props) => {\n  const { spacing } = useTheme2();\n\n  const [headers, setHeaders] = useState<LocalHeader[]>(\n    headersFromProps.map((header) => ({\n      ...header,\n      id: uniqueId(),\n      value: '',\n    }))\n  );\n\n  useEffect(() => {\n    setHeaders((headers) => {\n      let changed = false;\n      const newHeaders = headers.map<LocalHeader>((header) => {\n        const configured = headersFromProps.find((h) => h.name === header.name)?.configured;\n        if (typeof configured !== 'undefined' && header.configured !== configured) {\n          changed = true;\n          return { ...header, configured };\n        }\n        return header;\n      });\n\n      if (changed) {\n        return newHeaders;\n      }\n\n      return headers;\n    });\n  }, [headersFromProps]);\n\n  const onHeaderAdd = () => {\n    setHeaders([...headers, { id: uniqueId(), name: '', value: '', configured: false }]);\n  };\n\n  const onHeaderChange = (id: string, header: LocalHeader) => {\n    setHeaders(headers.map((h) => (h.id === id ? { ...header } : h)));\n  };\n\n  const onHeaderDelete = (id: string) => {\n    const index = headers.findIndex((h) => h.id === id);\n    if (index === -1) {\n      return;\n    }\n    const newHeaders = [...headers];\n    newHeaders.splice(index, 1);\n    setHeaders(newHeaders);\n    onChange(\n      newHeaders.map(({ name, value, configured }) => ({\n        name,\n        value,\n        configured,\n      }))\n    );\n  };\n\n  const onBlur = () => {\n    onChange(\n      headers.map(({ name, value, configured }) => ({\n        name,\n        value,\n        configured,\n      }))\n    );\n  };\n\n  const styles = {\n    container: css({\n      marginTop: spacing(3),\n    }),\n    addHeaderButton: css({\n      marginTop: spacing(1.5),\n    }),\n  };\n\n  return (\n    <div className={styles.container}>\n      <ConfigSubSection\n        title=\"HTTP headers\"\n        description=\"Pass along additional context and metadata about the request/response\"\n        isCollapsible\n        isInitiallyOpen={headers.length > 0}\n      >\n        <div>\n          {headers.map((header) => (\n            <CustomHeader\n              key={header.id}\n              header={header}\n              onChange={(header) => onHeaderChange(header.id, header)}\n              onDelete={() => onHeaderDelete(header.id)}\n              onBlur={onBlur}\n              readOnly={readOnly}\n            />\n          ))}\n        </div>\n        <div className={styles.addHeaderButton}>\n          <Button icon=\"plus\" variant=\"secondary\" fill=\"outline\" onClick={onHeaderAdd} disabled={readOnly}>\n            {headers.length === 0 ? 'Add header' : 'Add another header'}\n          </Button>\n        </div>\n      </ConfigSubSection>\n    </div>\n  );\n};\n\nfunction uniqueId(): string {\n  return Math.random().toString(16).slice(2);\n}\n"],"names":["headers","header"],"mappings":"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"}
+{"version":3,"file":"CustomHeaders.js","sources":["../../../../../../src/components/ConfigEditor/Auth/custom-headers/CustomHeaders.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { css } from '@emotion/css';\nimport { Button, useTheme2 } from '@grafana/ui';\nimport { CustomHeader } from './CustomHeader';\nimport { ConfigSubSection } from '../../ConfigSection';\nimport type { Header, HeaderWithValue, LocalHeader } from '../types';\n\nexport type Props = {\n  headers: Header[];\n  onChange: (headers: HeaderWithValue[]) => void;\n  readOnly: boolean;\n};\n\nexport const CustomHeaders = ({ headers: headersFromProps, onChange, readOnly }: Props) => {\n  const { spacing } = useTheme2();\n\n  const [headers, setHeaders] = useState<LocalHeader[]>(\n    headersFromProps.map((header) => ({\n      ...header,\n      id: uniqueId(),\n      value: '',\n    }))\n  );\n\n  useEffect(() => {\n    setHeaders((headers) => {\n      let changed = false;\n      const newHeaders = headers.map<LocalHeader>((header) => {\n        const configured = headersFromProps.find((h) => h.name === header.name)?.configured;\n        if (typeof configured !== 'undefined' && header.configured !== configured) {\n          changed = true;\n          return { ...header, configured };\n        }\n        return header;\n      });\n\n      if (changed) {\n        return newHeaders;\n      }\n\n      return headers;\n    });\n  }, [headersFromProps]);\n\n  const onHeaderAdd = () => {\n    setHeaders([...headers, { id: uniqueId(), name: '', value: '', configured: false }]);\n  };\n\n  const onHeaderChange = (id: string, header: LocalHeader) => {\n    setHeaders(headers.map((h) => (h.id === id ? { ...header } : h)));\n  };\n\n  const onHeaderDelete = (id: string) => {\n    const index = headers.findIndex((h) => h.id === id);\n    if (index === -1) {\n      return;\n    }\n    const newHeaders = [...headers];\n    newHeaders.splice(index, 1);\n    setHeaders(newHeaders);\n    onChange(\n      newHeaders.map(({ name, value, configured }) => ({\n        name,\n        value,\n        configured,\n      }))\n    );\n  };\n\n  const onBlur = () => {\n    onChange(\n      headers.map(({ name, value, configured }) => ({\n        name,\n        value,\n        configured,\n      }))\n    );\n  };\n\n  const styles = {\n    container: css({\n      marginTop: spacing(3),\n    }),\n    addHeaderButton: css({\n      marginTop: spacing(1.5),\n    }),\n  };\n\n  return (\n    <div className={styles.container}>\n      <ConfigSubSection\n        title=\"HTTP headers\"\n        description=\"Pass along additional context and metadata about the request/response\"\n        isCollapsible\n        isInitiallyOpen={headers.length > 0}\n      >\n        <div>\n          {headers.map((header) => (\n            <CustomHeader\n              key={header.id}\n              header={header}\n              onChange={(header) => onHeaderChange(header.id, header)}\n              onDelete={() => onHeaderDelete(header.id)}\n              onBlur={onBlur}\n              readOnly={readOnly}\n            />\n          ))}\n        </div>\n        <div className={styles.addHeaderButton}>\n          <Button icon=\"plus\" variant=\"secondary\" fill=\"outline\" onClick={onHeaderAdd} disabled={readOnly}>\n            {headers.length === 0 ? 'Add header' : 'Add another header'}\n          </Button>\n        </div>\n      </ConfigSubSection>\n    </div>\n  );\n};\n\nfunction uniqueId(): string {\n  return Math.random().toString(16).slice(2);\n}\n"],"names":["useState","useEffect","headers","header"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/ConfigEditor/Auth/styles.ts"],"sourcesContent":["import { css } from '@emotion/css';\n\nexport const useCommonStyles = () => {\n  return {\n    inlineFieldNoMarginRight: css({\n      marginRight: 0,\n    }),\n    // This is dirty hack to make configured secret input grow\n    inlineFieldWithSecret: css({\n      '[class$=\"layoutChildrenWrapper\"]:first-child': {\n        flexGrow: 1,\n      },\n    }),\n  };\n};\n"],"names":[],"mappings":";;AAEO,MAAM,kBAAkB,MAAM;AACnC,EAAA,OAAO;AAAA,IACL,0BAA0B,GAAA,CAAI;AAAA,MAC5B,WAAA,EAAa;AAAA,KACd,CAAA;AAAA;AAAA,IAED,uBAAuB,GAAA,CAAI;AAAA,MACzB,8CAAA,EAAgD;AAAA,QAC9C,QAAA,EAAU;AAAA;AACZ,KACD;AAAA,GACH;AACF;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/ConfigEditor/Auth/styles.ts"],"sourcesContent":["import { css } from '@emotion/css';\n\nexport const useCommonStyles = () => {\n  return {\n    inlineFieldNoMarginRight: css({\n      marginRight: 0,\n    }),\n    // This is dirty hack to make configured secret input grow\n    inlineFieldWithSecret: css({\n      '[class$=\"layoutChildrenWrapper\"]:first-child': {\n        flexGrow: 1,\n      },\n    }),\n  };\n};\n"],"names":[],"mappings":";;AAEO,MAAM,kBAAkB,MAAM;AACnC,EAAO,OAAA;AAAA,IACL,0BAA0B,GAAI,CAAA;AAAA,MAC5B,WAAa,EAAA;AAAA,KACd,CAAA;AAAA;AAAA,IAED,uBAAuB,GAAI,CAAA;AAAA,MACzB,8CAAgD,EAAA;AAAA,QAC9C,QAAU,EAAA;AAAA;AACZ,KACD;AAAA,GACH;AACF;;;;"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from '../../../../_virtual/index.js';
 import { cx } from '@emotion/css';
 import { InlineField, SecretTextArea } from '@grafana/ui';
 import { TLSSettingsSection } from './TLSSettingsSection.js';
@@ -29,7 +29,7 @@ const SelfSignedCertificate = ({
       {
         label: "CA Certificate",
         labelWidth: 24,
-        tooltip: (_a = tooltips == null ? void 0 : tooltips.certificateLabel) != null ? _a : "Your self-signed certificate",
+        tooltip: (_a = tooltips == null ? undefined : tooltips.certificateLabel) != null ? _a : "Your self-signed certificate",
         required: true,
         htmlFor: "self-signed-certificate-input",
         interactive: true,

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

@@ -1 +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,eAAA,EAAgB;AAErC,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,KAAA,EAAM,6BAAA;AAAA,MACN,WAAA,EAAY,6IAAA;AAAA,MACZ,QAAA,EAAU,CAAC,UAAA,KAAe,QAAA,CAAS,UAAU,CAAA;AAAA,MAC7C;AAAA,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,gBAAA;AAAA,QACN,UAAA,EAAY,EAAA;AAAA,QACZ,OAAA,EAAA,CAAS,EAAA,GAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAU,gBAAA,KAAV,IAAA,GAAA,EAAA,GAA8B,8BAAA;AAAA,QACvC,QAAA,EAAQ,IAAA;AAAA,QACR,OAAA,EAAQ,+BAAA;AAAA,QACR,WAAA,EAAW,IAAA;AAAA,QACX,IAAA,EAAI,IAAA;AAAA,QACJ,SAAA,EAAW,EAAA,CAAG,YAAA,CAAa,wBAAA,EAA0B,aAAa,qBAAqB,CAAA;AAAA,QACvF,QAAA,EAAU;AAAA,OAAA;AAAA,sBAEV,KAAA,CAAA,aAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAG,+BAAA;AAAA,UACH,YAAA,EAAc,qBAAA;AAAA,UACd,UAAU,CAAC,CAAA,KAAM,mBAAA,CAAoB,CAAA,CAAE,cAAc,KAAK,CAAA;AAAA,UAC1D,OAAA,EAAS,WAAW,MAAM;AAAA,UAAC,CAAA,GAAI,kBAAA;AAAA,UAC/B,WAAA,EAAY,uCAAA;AAAA,UACZ,IAAA,EAAM,CAAA;AAAA,UACN,QAAA,EAAQ;AAAA;AAAA;AACV;AACF,GACF;AAEJ;;;;"}
+{"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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from '../../../../_virtual/index.js';
 import { TLSSettingsSection } from './TLSSettingsSection.js';
 
 const SkipTLSVerification = ({ enabled, onToggle, readOnly }) => {

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

@@ -1 +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,OAAA,EAAS,QAAA,EAAU,UAAS,KAAa;AAC7E,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,KAAA,EAAM,iCAAA;AAAA,MACN,WAAA,EAAY,mGAAA;AAAA,MACZ,QAAA,EAAU,CAAC,UAAA,KAAe,QAAA,CAAS,UAAU,CAAA;AAAA,MAC7C;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from '../../../../_virtual/index.js';
 import { cx } from '@emotion/css';
 import { InlineField, Input, SecretTextArea } from '@grafana/ui';
 import { TLSSettingsSection } from './TLSSettingsSection.js';
@@ -34,7 +34,7 @@ const TLSClientAuth = ({
       {
         label: "ServerName",
         labelWidth: 24,
-        tooltip: (_a = tooltips == null ? void 0 : tooltips.serverNameLabel) != null ? _a : "A Servername is used to verify the hostname on the returned certificate",
+        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,
@@ -58,7 +58,7 @@ const TLSClientAuth = ({
       {
         label: "Client Certificate",
         labelWidth: 24,
-        tooltip: (_b = tooltips == null ? void 0 : tooltips.certificateLabel) != null ? _b : "The client certificate can be generated from a Certificate Authority or be self-signed",
+        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,
@@ -85,7 +85,7 @@ const TLSClientAuth = ({
       {
         label: "Client Key",
         labelWidth: 24,
-        tooltip: (_c = tooltips == null ? void 0 : tooltips.keyLabel) != null ? _c : "The client key can be generated from a Certificate Authority or be self-signed",
+        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,

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

@@ -1 +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":"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"}
+{"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":"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"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from '../../../../_virtual/index.js';
 import { css } from '@emotion/css';
 import { useTheme2 } from '@grafana/ui';
 import { SelfSignedCertificate } from './SelfSignedCertificate.js';

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

@@ -1 +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,eAAA,EAAe,mBAAA,EAAqB,UAAS,KAAa;AAC7G,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,SAAA,EAAU;AAE9B,EAAA,MAAM,MAAA,GAAS;AAAA,IACb,WAAW,GAAA,CAAI;AAAA,MACb,SAAA,EAAW,QAAQ,CAAC;AAAA,KACrB;AAAA,GACH;AAEA,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAA,CAAO,SAAA;AAAA,MAClB,KAAA,EAAM,cAAA;AAAA,MACN,WAAA,EAAY;AAAA,KAAA;AAAA,oBAEZ,KAAA,CAAA,aAAA,CAAC,qBAAA,EAAA,EAAuB,GAAG,qBAAA,EAAuB,QAAA,EAAoB,CAAA;AAAA,oBACtE,KAAA,CAAA,aAAA,CAACC,aAAA,EAAA,EAAwB,GAAGD,eAAA,EAAe,QAAA,EAAoB,CAAA;AAAA,oBAC/D,KAAA,CAAA,aAAA,CAAC,mBAAA,EAAA,EAAqB,GAAG,mBAAA,EAAqB,QAAA,EAAoB;AAAA,GACpE;AAEJ;;;;"}
+{"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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from '../../../../_virtual/index.js';
 import { css } from '@emotion/css';
 import { useTheme2, Checkbox, Tooltip, Icon } from '@grafana/ui';
 

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

@@ -1 +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,CAAA,KAAsC;AACpC,EAAA,MAAM,EAAE,MAAA,EAAQ,OAAA,EAAQ,GAAI,SAAA,EAAU;AACtC,EAAA,MAAM,MAAA,GAAS;AAAA,IACb,WAAW,GAAA,CAAI;AAAA,MACb,SAAA,EAAW;AAAA,KACZ,CAAA;AAAA,IACD,mBAAmB,GAAA,CAAI;AAAA,MACrB,OAAA,EAAS,MAAA;AAAA,MACT,UAAA,EAAY;AAAA,KACb,CAAA;AAAA,IACD,UAAU,GAAA,CAAI;AAAA,MACZ,SAAA,EAAW,EAAA;AAAA,MACX,UAAA,EAAY,CAAA;AAAA,MACZ,KAAA,EAAO,OAAO,IAAA,CAAK;AAAA,KACpB,CAAA;AAAA,IACD,SAAS,GAAA,CAAI;AAAA,MACX,MAAA,EAAQ,OAAA,CAAQ,CAAA,EAAG,CAAA,EAAG,GAAG,CAAC;AAAA,KAC3B;AAAA,GACH;AAEA,EAAA,uBACE,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,SAAA,EAAA,sCACpB,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,iBAAA,EAAA,kBACrB,KAAA,CAAA,aAAA,CAAC,QAAA,EAAA,EAAS,OAAO,OAAA,EAAS,KAAA,EAAc,QAAA,EAAU,MAAM,QAAA,CAAS,CAAC,OAAO,CAAA,EAAG,QAAA,EAAU,QAAA,EAAU,CAAA,kBAChG,KAAA,CAAA,aAAA,CAAC,OAAA,EAAA,EAAQ,WAAU,KAAA,EAAM,OAAA,EAAS,WAAA,EAAa,WAAA,EAAW,IAAA,EAAA,kBACxD,KAAA,CAAA,aAAA,CAAC,QAAK,IAAA,EAAK,aAAA,EAAc,SAAA,EAAW,MAAA,CAAO,QAAA,EAAU,IAAA,EAAK,MAAK,CACjE,CACF,CAAA,EACC,OAAA,IAAW,QAAA,oBAAY,KAAA,CAAA,aAAA,CAAC,SAAI,SAAA,EAAW,MAAA,CAAO,OAAA,EAAA,EAAU,QAAS,CACpE,CAAA;AAEJ;;;;"}
+{"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

@@ -1,4 +1,4 @@
-import 'react';
+import '../../../_virtual/index.js';
 
 var AuthMethod = /* @__PURE__ */ ((AuthMethod2) => {
   AuthMethod2["NoAuth"] = "NoAuth";

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

@@ -1 +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":";;AAEO,IAAK,UAAA,qBAAAA,WAAAA,KAAL;AACL,EAAAA,YAAA,QAAA,CAAA,GAAS,QAAA;AACT,EAAAA,YAAA,WAAA,CAAA,GAAY,WAAA;AACZ,EAAAA,YAAA,cAAA,CAAA,GAAe,cAAA;AACf,EAAAA,YAAA,sBAAA,CAAA,GAAuB,sBAAA;AAJb,EAAA,OAAAA,WAAAA;AAAA,CAAA,EAAA,UAAA,IAAA,EAAA;;;;"}
+{"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

@@ -1,4 +1,4 @@
-import 'react';
+import '../../../_virtual/index.js';
 import '@emotion/css';
 import { AuthMethod } from './types.js';
 import './auth-method/AuthMethodSettings.js';
@@ -73,7 +73,7 @@ function getTLSProps(config, onChange) {
   return {
     selfSignedCertificate: {
       enabled: Boolean(config.jsonData.tlsAuthWithCACert),
-      certificateConfigured: !!((_a = config.secureJsonFields) == null ? void 0 : _a.tlsCACert),
+      certificateConfigured: !!((_a = config.secureJsonFields) == null ? undefined : _a.tlsCACert),
       onToggle: (enabled) => enabled ? onChange({
         ...config,
         jsonData: { ...config.jsonData, tlsAuthWithCACert: enabled }
@@ -96,8 +96,8 @@ function getTLSProps(config, onChange) {
     TLSClientAuth: {
       enabled: config.jsonData.tlsAuth,
       serverName: config.jsonData.serverName,
-      clientCertificateConfigured: !!((_b = config.secureJsonFields) == null ? void 0 : _b.tlsClientCert),
-      clientKeyConfigured: !!((_c = config.secureJsonFields) == null ? void 0 : _c.tlsClientKey),
+      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 }

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

@@ -1 +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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"}
+{"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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from '../../../_virtual/index.js';
 import { css } from '@emotion/css';
 import '@grafana/data';
 import { useStyles2 } from '@grafana/ui';
@@ -6,7 +6,7 @@ import { useStyles2 } from '@grafana/ui';
 function ConfigDescriptionLink(props) {
   const { description, suffix, feature } = props;
   const text = `Learn more about ${feature}`;
-  const styles = useStyles2(getStyles$i);
+  const styles = useStyles2(getStyles);
   return /* @__PURE__ */ React.createElement("span", { className: styles.container }, description, /* @__PURE__ */ React.createElement(
     "a",
     {
@@ -18,7 +18,7 @@ function ConfigDescriptionLink(props) {
     text
   ));
 }
-const getStyles$i = (theme) => {
+const getStyles = (theme) => {
   return {
     container: css({
       color: theme.colors.text.secondary,

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

@@ -1 +1 @@
-{"version":3,"file":"ConfigDescriptionLink.js","sources":["../../../../../src/components/ConfigEditor/ConfigSection/ConfigDescriptionLink.tsx"],"sourcesContent":["import React from 'react';\nimport { css } from '@emotion/css';\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":["getStyles"],"mappings":";;;;;AAWO,SAAS,sBAAsB,KAAA,EAAc;AAClD,EAAA,MAAM,EAAE,WAAA,EAAa,MAAA,EAAQ,OAAA,EAAQ,GAAI,KAAA;AACzC,EAAA,MAAM,IAAA,GAAO,oBAAoB,OAAO,CAAA,CAAA;AACxC,EAAA,MAAM,MAAA,GAAS,WAAWA,WAAS,CAAA;AAEnC,EAAA,uBACE,KAAA,CAAA,aAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,aACrB,WAAA,kBACD,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,IAAA;AAAA,MACZ,IAAA,EAAM,qDAAqD,MAAM,CAAA,CAAA;AAAA,MACjE,GAAA,EAAI,YAAA;AAAA,MACJ,MAAA,EAAO;AAAA,KAAA;AAAA,IAEN;AAAA,GAEL,CAAA;AAEJ;AAEA,MAAMA,WAAA,GAAY,CAAC,KAAA,KAAyB;AAC1C,EAAA,OAAO;AAAA,IACL,WAAW,GAAA,CAAI;AAAA,MACb,KAAA,EAAO,KAAA,CAAM,MAAA,CAAO,IAAA,CAAK,SAAA;AAAA,MACzB,GAAG,GAAA,CAAI;AAAA,QACL,KAAA,EAAO,KAAA,CAAM,MAAA,CAAO,IAAA,CAAK,IAAA;AAAA,QACzB,cAAA,EAAgB,WAAA;AAAA,QAChB,UAAA,EAAY,KAAA;AAAA,QACZ,SAAA,EAAW;AAAA,UACT,cAAA,EAAgB;AAAA;AAClB,OACD;AAAA,KACF;AAAA,GACH;AACF,CAAA;;;;"}
+{"version":3,"file":"ConfigDescriptionLink.js","sources":["../../../../../src/components/ConfigEditor/ConfigSection/ConfigDescriptionLink.tsx"],"sourcesContent":["import React from 'react';\nimport { css } from '@emotion/css';\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":";;;;;AAWO,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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from '../../../_virtual/index.js';
 import { GenericConfigSection } from './GenericConfigSection.js';
 
 const ConfigSection = ({ children, ...props }) => {

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

@@ -1 +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,QAAA,EAAU,GAAG,OAAM,KAAsC;AACvF,EAAA,2CACG,oBAAA,EAAA,EAAsB,GAAG,KAAA,EAAO,IAAA,EAAK,aACnC,QACH,CAAA;AAEJ;;;;"}
+{"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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from '../../../_virtual/index.js';
 import { GenericConfigSection } from './GenericConfigSection.js';
 
 const ConfigSubSection = ({ children, ...props }) => {

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

@@ -1 +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,QAAA,EAAU,GAAG,OAAM,KAAsC;AAC1F,EAAA,2CACG,oBAAA,EAAA,EAAsB,GAAG,KAAA,EAAO,IAAA,EAAK,iBACnC,QACH,CAAA;AAEJ;;;;"}
+{"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;;;;"}

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

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { r as reactExports } from '../../../_virtual/index.js';
 import { css } from '@emotion/css';
 import { useTheme2, IconButton } from '@grafana/ui';
 
@@ -12,7 +12,7 @@ const GenericConfigSection = ({
   className
 }) => {
   const { colors, typography, spacing } = useTheme2();
-  const [isOpen, setIsOpen] = useState(isCollapsible ? isInitiallyOpen : true);
+  const [isOpen, setIsOpen] = reactExports.useState(isCollapsible ? isInitiallyOpen : true);
   const iconName = isOpen ? "angle-up" : "angle-down";
   const isSubSection = kind === "sub-section";
   const collapsibleButtonAriaLabel = `${isOpen ? "Collapse" : "Expand"} section ${title}`;

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

@@ -1 +1 @@
-{"version":3,"file":"GenericConfigSection.js","sources":["../../../../../src/components/ConfigEditor/ConfigSection/GenericConfigSection.tsx"],"sourcesContent":["import React, { useState, type ReactNode } from 'react';\nimport { css } from '@emotion/css';\nimport { useTheme2, IconButton, type IconName } from '@grafana/ui';\n\nexport type Props = {\n  title: string;\n  description?: ReactNode;\n  isCollapsible?: boolean;\n  isInitiallyOpen?: boolean;\n  kind?: 'section' | 'sub-section';\n  className?: string;\n};\n\nexport const GenericConfigSection = ({\n  children,\n  title,\n  description,\n  isCollapsible = false,\n  isInitiallyOpen = true,\n  kind = 'section',\n  className,\n}: React.PropsWithChildren<Props>) => {\n  const { colors, typography, spacing } = useTheme2();\n  const [isOpen, setIsOpen] = useState(isCollapsible ? isInitiallyOpen : true);\n  const iconName: IconName = isOpen ? 'angle-up' : 'angle-down';\n  const isSubSection = kind === 'sub-section';\n  const collapsibleButtonAriaLabel = `${isOpen ? 'Collapse' : 'Expand'} section ${title}`;\n\n  const styles = {\n    header: css({\n      display: 'flex',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n    }),\n    title: css({\n      margin: 0,\n    }),\n    subtitle: css({\n      margin: 0,\n      fontWeight: typography.fontWeightRegular,\n    }),\n    descriptionText: css({\n      marginTop: spacing(isSubSection ? 0.25 : 0.5),\n      marginBottom: 0,\n      ...typography.bodySmall,\n      color: colors.text.secondary,\n    }),\n    content: css({\n      marginTop: spacing(2),\n    }),\n  };\n\n  return (\n    <div className={className}>\n      <div className={styles.header}>\n        {kind === 'section' ? <h3 className={styles.title}>{title}</h3> : <h6 className={styles.subtitle}>{title}</h6>}\n        {isCollapsible && (\n          <IconButton\n            name={iconName}\n            onClick={() => setIsOpen(!isOpen)}\n            type=\"button\"\n            size=\"xl\"\n            aria-label={collapsibleButtonAriaLabel}\n          />\n        )}\n      </div>\n      {description && <p className={styles.descriptionText}>{description}</p>}\n      {isOpen && <div className={styles.content}>{children}</div>}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;AAaO,MAAM,uBAAuB,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,eAAA,GAAkB,IAAA;AAAA,EAClB,IAAA,GAAO,SAAA;AAAA,EACP;AACF,CAAA,KAAsC;AACpC,EAAA,MAAM,EAAE,MAAA,EAAQ,UAAA,EAAY,OAAA,KAAY,SAAA,EAAU;AAClD,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,IAAI,QAAA,CAAS,aAAA,GAAgB,kBAAkB,IAAI,CAAA;AAC3E,EAAA,MAAM,QAAA,GAAqB,SAAS,UAAA,GAAa,YAAA;AACjD,EAAA,MAAM,eAAe,IAAA,KAAS,aAAA;AAC9B,EAAA,MAAM,6BAA6B,CAAA,EAAG,MAAA,GAAS,UAAA,GAAa,QAAQ,YAAY,KAAK,CAAA,CAAA;AAErF,EAAA,MAAM,MAAA,GAAS;AAAA,IACb,QAAQ,GAAA,CAAI;AAAA,MACV,OAAA,EAAS,MAAA;AAAA,MACT,cAAA,EAAgB,eAAA;AAAA,MAChB,UAAA,EAAY;AAAA,KACb,CAAA;AAAA,IACD,OAAO,GAAA,CAAI;AAAA,MACT,MAAA,EAAQ;AAAA,KACT,CAAA;AAAA,IACD,UAAU,GAAA,CAAI;AAAA,MACZ,MAAA,EAAQ,CAAA;AAAA,MACR,YAAY,UAAA,CAAW;AAAA,KACxB,CAAA;AAAA,IACD,iBAAiB,GAAA,CAAI;AAAA,MACnB,SAAA,EAAW,OAAA,CAAQ,YAAA,GAAe,IAAA,GAAO,GAAG,CAAA;AAAA,MAC5C,YAAA,EAAc,CAAA;AAAA,MACd,GAAG,UAAA,CAAW,SAAA;AAAA,MACd,KAAA,EAAO,OAAO,IAAA,CAAK;AAAA,KACpB,CAAA;AAAA,IACD,SAAS,GAAA,CAAI;AAAA,MACX,SAAA,EAAW,QAAQ,CAAC;AAAA,KACrB;AAAA,GACH;AAEA,EAAA,uBACE,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAA,kBACH,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,WAAW,MAAA,CAAO,MAAA,EAAA,EACpB,IAAA,KAAS,SAAA,mBAAY,KAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAG,WAAW,MAAA,CAAO,KAAA,EAAA,EAAQ,KAAM,CAAA,mBAAQ,KAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAG,WAAW,MAAA,CAAO,QAAA,EAAA,EAAW,KAAM,CAAA,EACxG,aAAA,oBACC,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,QAAA;AAAA,MACN,OAAA,EAAS,MAAM,SAAA,CAAU,CAAC,MAAM,CAAA;AAAA,MAChC,IAAA,EAAK,QAAA;AAAA,MACL,IAAA,EAAK,IAAA;AAAA,MACL,YAAA,EAAY;AAAA;AAAA,GAGlB,CAAA,EACC,WAAA,oBAAe,KAAA,CAAA,aAAA,CAAC,GAAA,EAAA,EAAE,WAAW,MAAA,CAAO,eAAA,EAAA,EAAkB,WAAY,CAAA,EAClE,0BAAU,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,WAAW,MAAA,CAAO,OAAA,EAAA,EAAU,QAAS,CACvD,CAAA;AAEJ;;;;"}
+{"version":3,"file":"GenericConfigSection.js","sources":["../../../../../src/components/ConfigEditor/ConfigSection/GenericConfigSection.tsx"],"sourcesContent":["import React, { useState, type ReactNode } from 'react';\nimport { css } from '@emotion/css';\nimport { useTheme2, IconButton, type IconName } from '@grafana/ui';\n\nexport type Props = {\n  title: string;\n  description?: ReactNode;\n  isCollapsible?: boolean;\n  isInitiallyOpen?: boolean;\n  kind?: 'section' | 'sub-section';\n  className?: string;\n};\n\nexport const GenericConfigSection = ({\n  children,\n  title,\n  description,\n  isCollapsible = false,\n  isInitiallyOpen = true,\n  kind = 'section',\n  className,\n}: React.PropsWithChildren<Props>) => {\n  const { colors, typography, spacing } = useTheme2();\n  const [isOpen, setIsOpen] = useState(isCollapsible ? isInitiallyOpen : true);\n  const iconName: IconName = isOpen ? 'angle-up' : 'angle-down';\n  const isSubSection = kind === 'sub-section';\n  const collapsibleButtonAriaLabel = `${isOpen ? 'Collapse' : 'Expand'} section ${title}`;\n\n  const styles = {\n    header: css({\n      display: 'flex',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n    }),\n    title: css({\n      margin: 0,\n    }),\n    subtitle: css({\n      margin: 0,\n      fontWeight: typography.fontWeightRegular,\n    }),\n    descriptionText: css({\n      marginTop: spacing(isSubSection ? 0.25 : 0.5),\n      marginBottom: 0,\n      ...typography.bodySmall,\n      color: colors.text.secondary,\n    }),\n    content: css({\n      marginTop: spacing(2),\n    }),\n  };\n\n  return (\n    <div className={className}>\n      <div className={styles.header}>\n        {kind === 'section' ? <h3 className={styles.title}>{title}</h3> : <h6 className={styles.subtitle}>{title}</h6>}\n        {isCollapsible && (\n          <IconButton\n            name={iconName}\n            onClick={() => setIsOpen(!isOpen)}\n            type=\"button\"\n            size=\"xl\"\n            aria-label={collapsibleButtonAriaLabel}\n          />\n        )}\n      </div>\n      {description && <p className={styles.descriptionText}>{description}</p>}\n      {isOpen && <div className={styles.content}>{children}</div>}\n    </div>\n  );\n};\n"],"names":["useState"],"mappings":";;;;AAaO,MAAM,uBAAuB,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAgB,GAAA,KAAA;AAAA,EAChB,eAAkB,GAAA,IAAA;AAAA,EAClB,IAAO,GAAA,SAAA;AAAA,EACP;AACF,CAAsC,KAAA;AACpC,EAAA,MAAM,EAAE,MAAA,EAAQ,UAAY,EAAA,OAAA,KAAY,SAAU,EAAA;AAClD,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,IAAIA,qBAAS,CAAA,aAAA,GAAgB,kBAAkB,IAAI,CAAA;AAC3E,EAAM,MAAA,QAAA,GAAqB,SAAS,UAAa,GAAA,YAAA;AACjD,EAAA,MAAM,eAAe,IAAS,KAAA,aAAA;AAC9B,EAAA,MAAM,6BAA6B,CAAG,EAAA,MAAA,GAAS,UAAa,GAAA,QAAQ,YAAY,KAAK,CAAA,CAAA;AAErF,EAAA,MAAM,MAAS,GAAA;AAAA,IACb,QAAQ,GAAI,CAAA;AAAA,MACV,OAAS,EAAA,MAAA;AAAA,MACT,cAAgB,EAAA,eAAA;AAAA,MAChB,UAAY,EAAA;AAAA,KACb,CAAA;AAAA,IACD,OAAO,GAAI,CAAA;AAAA,MACT,MAAQ,EAAA;AAAA,KACT,CAAA;AAAA,IACD,UAAU,GAAI,CAAA;AAAA,MACZ,MAAQ,EAAA,CAAA;AAAA,MACR,YAAY,UAAW,CAAA;AAAA,KACxB,CAAA;AAAA,IACD,iBAAiB,GAAI,CAAA;AAAA,MACnB,SAAW,EAAA,OAAA,CAAQ,YAAe,GAAA,IAAA,GAAO,GAAG,CAAA;AAAA,MAC5C,YAAc,EAAA,CAAA;AAAA,MACd,GAAG,UAAW,CAAA,SAAA;AAAA,MACd,KAAA,EAAO,OAAO,IAAK,CAAA;AAAA,KACpB,CAAA;AAAA,IACD,SAAS,GAAI,CAAA;AAAA,MACX,SAAA,EAAW,QAAQ,CAAC;AAAA,KACrB;AAAA,GACH;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAA,kBACF,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,WAAW,MAAO,CAAA,MAAA,EAAA,EACpB,IAAS,KAAA,SAAA,mBAAa,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAG,WAAW,MAAO,CAAA,KAAA,EAAA,EAAQ,KAAM,CAAA,mBAAS,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAG,WAAW,MAAO,CAAA,QAAA,EAAA,EAAW,KAAM,CAAA,EACxG,aACC,oBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,QAAA;AAAA,MACN,OAAS,EAAA,MAAM,SAAU,CAAA,CAAC,MAAM,CAAA;AAAA,MAChC,IAAK,EAAA,QAAA;AAAA,MACL,IAAK,EAAA,IAAA;AAAA,MACL,YAAY,EAAA;AAAA;AAAA,GAGlB,CACC,EAAA,WAAA,oBAAgB,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAE,WAAW,MAAO,CAAA,eAAA,EAAA,EAAkB,WAAY,CAAA,EAClE,0BAAW,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,WAAW,MAAO,CAAA,OAAA,EAAA,EAAU,QAAS,CACvD,CAAA;AAEJ;;;;"}

package/dist/esm/components/ConfigEditor/Connection/ConnectionSettings.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from '../../../_virtual/index.js';
 import { css, cx } from '@emotion/css';
 import { InlineField, Input } from '@grafana/ui';
 import { ConfigSection } from '../ConfigSection/ConfigSection.js';
@@ -13,7 +13,7 @@ const ConnectionSettings = ({
   urlLabel,
   className
 }) => {
-  const isValidUrl = config.url !== void 0 && /^(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?$/.test(config.url);
+  const isValidUrl = config.url !== undefined && /^(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?$/.test(config.url);
   const styles = {
     container: css({
       maxWidth: 578