@grafana/plugin-ui 0.7.2 → 0.9.0

package/README.md

@@ -2,41 +2,10 @@
 
 React components for Grafana plugins
 
-## Compatibility
+## Grafana compatibility
 
-There are situations when we require backwards compatibility with core Grafana and new features are only supported by newer versions.
-
-To handle this, we've introduced the `compatibility.ts` file which contains a list of features and the versions they support for better maintainability.
-
-### Considerations
-
-The way we are currently checking whether a feature is supported is by using the Grafana's [BuildInfo](https://grafana.com/docs/grafana/latest/packages_api/data/buildinfo/#version-property).
-
-However, there are cases when this version [may be masked](https://grafana.com/docs/grafana/latest/packages_api/data/buildinfo/#hideversion-property) from plugins.
-
-Only anonymous users (with read-only access) will be able to have their versions hidden, so this should be taken into consideration when deciding whether we should be adding a new feature to our compatibility list.
-
-## Unreleased Components
-
-Sometimes we may want improvements/updates of `@grafana/ui` components but we don't want to update the minimum required versions of Grafana in our plugins and continue supporting older versions.
-
-To work around this, we can import and export the version of the component we want from `@grafana/ui` in this project. Plugins can then use the component exported from here rather than `@grafana/ui`.
-
-If updates to a component in `@grafana/ui` are available in `master` but not a Grafana release yet, we can copy the components directly into `unreleasedComponents` to be used in plugins.
-
-Alternatively, we could use the `@grafana/ui: canary` version instead. However, there are the following tradeoffs:
-
-- Multiple `canary` versions will be released in-between `@grafana/ui` releases
-
-  - This means in-between these release cycles where the component changes aren't available in a package version, the `yarn.lock` file will need to be updated for every change we make in this project
-
-- `canary` versions include `@grafana/ui: master` branch
-  - This means component changes in the `master` branch which aren't scheduled for the next major release will be included in the `canary` package.
-  - For example, we have changes in `<ComponentA />` that won't be released until `v7.5.x` and `<ComponentB />` has changes which are intended to be released for `v7.6`. Using `canary` of `@grafana/ui` will expose the `<ComponentB />` major updates too, which we do not want.
-
-Once a `@grafana/ui` package is then released and available with the component updates, we can remove the component from this folder and export the imported version from the new `@grafana/ui` package instead.
-
-This means any component in `unreleasedComponents` should not be modified - they should stay in sync with what is in `@grafana/ui` (besides changes in imports or stories) and removed from this project as soon as we can replace it with an actual package version.
+Plugin-ui@0.9.0 is compatible with Grafana versions 10.4.0 and higher. If the `grafanaDependency` field in your plugin.json file is set to an earlier version, you should amend it to `>=10.4.0`
+When you do that, consider also incrementing your plugin's major version to make sure users on Grafana < 10.4.0 do not accidentally install an incompatible plugin version.
 
 ## Storybook
 

package/dist/components/AsyncButtonCascader/AsyncButtonCascader.js

@@ -7,8 +7,7 @@ const ui_1 = require("@grafana/ui");
 const css_1 = require("@emotion/css");
 // @ts-ignore
 const rc_cascader_1 = tslib_1.__importDefault(require("rc-cascader"));
-const ui_2 = require("@grafana/ui");
-const getStyles = ((theme) => {
+const getStyles = (theme) => {
     return {
         popup: (0, css_1.css) `
       label: popup;
@@ -18,10 +17,10 @@ const getStyles = ((theme) => {
       margin: 1px 0 0 4px;
     `,
     };
-});
-const AsyncButtonCascader = props => {
+};
+const AsyncButtonCascader = (props) => {
     const { onChange, className, loadData } = props, rest = tslib_1.__rest(props, ["onChange", "className", "loadData"]);
-    const theme = (0, ui_2.useTheme2)();
+    const theme = (0, ui_1.useTheme2)();
     const styles = getStyles(theme);
     return (react_1.default.createElement(rc_cascader_1.default, Object.assign({ onChange: onChange, loadData: loadData, changeOnSelect: true, popupClassName: styles.popup }, rest, { expandIcon: null }),
         react_1.default.createElement("button", { className: (0, css_1.cx)('gf-form-label', className), disabled: props.disabled },

package/dist/components/AsyncButtonCascader/AsyncButtonCascader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AsyncButtonCascader.js","sourceRoot":"","sources":["../../../src/components/AsyncButtonCascader/AsyncButtonCascader.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,oCAAmC;AACnC,sCAAuC;AAEvC,aAAa;AACb,sEAAyD;AACzD,oCAAwC;AAexC,MAAM,SAAS,GAAG,CAAC,CAAC,KAAoB,EAAE,EAAE;IAC1C,OAAO;QACL,KAAK,EAAE,IAAA,SAAG,EAAA;;iBAEG,KAAK,CAAC,MAAM,CAAC,QAAQ;KACjC;QACD,IAAI,EAAE,IAAA,SAAG,EAAA;;KAER;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEI,MAAM,mBAAmB,GAAuC,KAAK,CAAC,EAAE;IAC7E,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,kBAAK,KAAK,EAAlD,qCAA0C,CAAQ,CAAC;IACzD,MAAM,KAAK,GAAG,IAAA,cAAS,GAAE,CAAC;IAC1B,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,CACL,8BAAC,qBAAU,kBACT,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,IAAI,EACpB,cAAc,EAAE,MAAM,CAAC,KAAK,IACxB,IAAI,IACR,UAAU,EAAE,IAAI;QAEhB,0CAAQ,SAAS,EAAE,IAAA,QAAE,EAAC,eAAe,EAAE,SAAS,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxE,KAAK,CAAC,QAAQ;;YAAE,8BAAC,SAAI,IAAC,IAAI,EAAC,YAAY,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI,CAC5D,CACE,CACd,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,mBAAmB,uBAmB9B;AAEF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}
+{"version":3,"file":"AsyncButtonCascader.js","sourceRoot":"","sources":["../../../src/components/AsyncButtonCascader/AsyncButtonCascader.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,oCAA8C;AAE9C,sCAAuC;AAEvC,aAAa;AACb,sEAAyD;AAczD,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;IACzC,OAAO;QACL,KAAK,EAAE,IAAA,SAAG,EAAA;;iBAEG,KAAK,CAAC,MAAM,CAAC,QAAQ;KACjC;QACD,IAAI,EAAE,IAAA,SAAG,EAAA;;KAER;KACF,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,kBAAK,KAAK,EAAlD,qCAA0C,CAAQ,CAAC;IACzD,MAAM,KAAK,GAAG,IAAA,cAAS,GAAE,CAAC;IAC1B,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,CACL,8BAAC,qBAAU,kBACT,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,IAAI,EACpB,cAAc,EAAE,MAAM,CAAC,KAAK,IACxB,IAAI,IACR,UAAU,EAAE,IAAI;QAEhB,0CAAQ,SAAS,EAAE,IAAA,QAAE,EAAC,eAAe,EAAE,SAAS,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxE,KAAK,CAAC,QAAQ;;YAAE,8BAAC,SAAI,IAAC,IAAI,EAAC,YAAY,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI,CAC5D,CACE,CACd,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,mBAAmB,uBAmB9B;AAEF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/dist/components/ConfigEditor/AdvancedSettings/AdvancedHttpSettings.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdvancedHttpSettings = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const css_1 = require("@emotion/css");
+const ui_1 = require("@grafana/ui");
+const ConfigSection_1 = require("../ConfigSection");
+const AdvancedHttpSettings = ({ config, onChange, className, }) => {
+    const onCookiesChange = (cookies) => {
+        onChange(Object.assign(Object.assign({}, config), { jsonData: Object.assign(Object.assign({}, config.jsonData), { keepCookies: cookies }) }));
+    };
+    const onTimeoutChange = (event) => {
+        onChange(Object.assign(Object.assign({}, config), { jsonData: Object.assign(Object.assign({}, config.jsonData), { timeout: parseInt(event.currentTarget.value, 10) }) }));
+    };
+    const styles = {
+        container: (0, css_1.css)({
+            maxWidth: 578,
+        }),
+    };
+    return (react_1.default.createElement(ConfigSection_1.ConfigSubSection, { title: "Advanced HTTP settings", className: (0, css_1.cx)(styles.container, className) },
+        react_1.default.createElement(ui_1.InlineField, { htmlFor: "advanced-http-cookies", label: "Allowed cookies", labelWidth: 24, tooltip: "Grafana proxy deletes forwarded cookies by default. Specify cookies by name that should be forwarded to the data source.", disabled: config.readOnly, grow: true },
+            react_1.default.createElement(ui_1.TagsInput, { id: "advanced-http-cookies", placeholder: "New cookie (hit enter to add)", tags: config.jsonData.keepCookies, onChange: onCookiesChange })),
+        react_1.default.createElement(ui_1.InlineField, { htmlFor: "advanced-http-timeout", label: "Timeout", labelWidth: 24, tooltip: "HTTP request timeout in seconds", disabled: config.readOnly, grow: true },
+            react_1.default.createElement(ui_1.Input, { id: "advanced-http-timeout", type: "number", min: 0, placeholder: "Timeout in seconds", "aria-label": "Timeout in seconds", value: config.jsonData.timeout, onChange: onTimeoutChange }))));
+};
+exports.AdvancedHttpSettings = AdvancedHttpSettings;
+//# sourceMappingURL=AdvancedHttpSettings.js.map

package/dist/components/ConfigEditor/AdvancedSettings/AdvancedHttpSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedHttpSettings.js","sourceRoot":"","sources":["../../../../src/components/ConfigEditor/AdvancedSettings/AdvancedHttpSettings.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,sCAAuC;AACvC,oCAA4D;AAC5D,oDAAoD;AAS7C,MAAM,oBAAoB,GAAgE,CAAC,EAChG,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,CAAC,OAAiB,EAAE,EAAE;QAC5C,QAAQ,iCACH,MAAM,KACT,QAAQ,kCACH,MAAM,CAAC,QAAQ,KAClB,WAAW,EAAE,OAAO,OAEtB,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,KAAwC,EAAE,EAAE;QACnE,QAAQ,iCACH,MAAM,KACT,QAAQ,kCACH,MAAM,CAAC,QAAQ,KAClB,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,CAAC,OAElD,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG;QACb,SAAS,EAAE,IAAA,SAAG,EAAC;YACb,QAAQ,EAAE,GAAG;SACd,CAAC;KACH,CAAC;IAEF,OAAO,CACL,8BAAC,gCAAgB,IAAC,KAAK,EAAC,wBAAwB,EAAC,SAAS,EAAE,IAAA,QAAE,EAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC;QACzF,8BAAC,gBAAW,IACV,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAC,iBAAiB,EACvB,UAAU,EAAE,EAAE,EACd,OAAO,EAAC,0HAA0H,EAClI,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,IAAI;YAEJ,8BAAC,cAAS,IACR,EAAE,EAAC,uBAAuB,EAC1B,WAAW,EAAC,+BAA+B,EAC3C,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,WAAW,EACjC,QAAQ,EAAE,eAAe,GACzB,CACU;QAEd,8BAAC,gBAAW,IACV,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAC,SAAS,EACf,UAAU,EAAE,EAAE,EACd,OAAO,EAAC,iCAAiC,EACzC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,IAAI;YAEJ,8BAAC,UAAK,IACJ,EAAE,EAAC,uBAAuB,EAC1B,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,CAAC,EACN,WAAW,EAAC,oBAAoB,gBACrB,oBAAoB,EAC/B,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,OAAO,EAC9B,QAAQ,EAAE,eAAe,GACzB,CACU,CACG,CACpB,CAAC;AACJ,CAAC,CAAC;AArEW,QAAA,oBAAoB,wBAqE/B"}

package/dist/components/ConfigEditor/AdvancedSettings/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdvancedHttpSettings = void 0;
+var AdvancedHttpSettings_1 = require("./AdvancedHttpSettings");
+Object.defineProperty(exports, "AdvancedHttpSettings", { enumerable: true, get: function () { return AdvancedHttpSettings_1.AdvancedHttpSettings; } });
+//# sourceMappingURL=index.js.map

package/dist/components/ConfigEditor/AdvancedSettings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ConfigEditor/AdvancedSettings/index.ts"],"names":[],"mappings":";;;AAAA,+DAA8D;AAArD,4HAAA,oBAAoB,OAAA"}

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Auth = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const css_1 = require("@emotion/css");
+const AuthMethodSettings_1 = require("./auth-method/AuthMethodSettings");
+const TLSSettings_1 = require("./tls/TLSSettings");
+const CustomHeaders_1 = require("./custom-headers/CustomHeaders");
+const ConfigSection_1 = require("../ConfigSection");
+const Auth = ({ selectedMethod, mostCommonMethod, visibleMethods, defaultOptionsOverrides, customMethods, onAuthMethodSelect, basicAuth, TLS, customHeaders, readOnly = false, }) => {
+    const styles = {
+        container: (0, css_1.css)({
+            maxWidth: 578,
+        }),
+    };
+    return (react_1.default.createElement("div", { className: styles.container },
+        react_1.default.createElement(ConfigSection_1.ConfigSection, { title: "Authentication" },
+            react_1.default.createElement(AuthMethodSettings_1.AuthMethodSettings, { selectedMethod: selectedMethod, mostCommonMethod: mostCommonMethod, customMethods: customMethods, visibleMethods: visibleMethods, defaultOptionsOverrides: defaultOptionsOverrides, onAuthMethodSelect: onAuthMethodSelect, basicAuth: basicAuth, readOnly: readOnly }),
+            TLS && react_1.default.createElement(TLSSettings_1.TLSSettings, Object.assign({}, TLS, { readOnly: readOnly })),
+            customHeaders && react_1.default.createElement(CustomHeaders_1.CustomHeaders, Object.assign({}, customHeaders, { readOnly: readOnly })))));
+};
+exports.Auth = Auth;
+//# sourceMappingURL=Auth.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Auth.js","sourceRoot":"","sources":["../../../../src/components/ConfigEditor/Auth/Auth.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,sCAAmC;AAEnC,yEAAsE;AACtE,mDAA2E;AAE3E,kEAA4F;AAC5F,oDAAiD;AAe1C,MAAM,IAAI,GAAG,CAAC,EACnB,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,uBAAuB,EACvB,aAAa,EACb,kBAAkB,EAClB,SAAS,EACT,GAAG,EACH,aAAa,EACb,QAAQ,GAAG,KAAK,GACV,EAAE,EAAE;IACV,MAAM,MAAM,GAAG;QACb,SAAS,EAAE,IAAA,SAAG,EAAC;YACb,QAAQ,EAAE,GAAG;SACd,CAAC;KACH,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAE,MAAM,CAAC,SAAS;QAC9B,8BAAC,6BAAa,IAAC,KAAK,EAAC,gBAAgB;YACnC,8BAAC,uCAAkB,IACjB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,uBAAuB,EAAE,uBAAuB,EAChD,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,GAClB;YACD,GAAG,IAAI,8BAAC,yBAAW,oBAAK,GAAG,IAAE,QAAQ,EAAE,QAAQ,IAAI;YACnD,aAAa,IAAI,8BAAC,6BAAa,oBAAK,aAAa,IAAE,QAAQ,EAAE,QAAQ,IAAI,CAC5D,CACZ,CACP,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,IAAI,QAoCf"}

package/dist/components/ConfigEditor/Auth/auth-method/AuthMethodSettings.js

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthMethodSettings = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const css_1 = require("@emotion/css");
+const ui_1 = require("@grafana/ui");
+const BasicAuth_1 = require("./BasicAuth");
+const ConfigSection_1 = require("../../ConfigSection");
+const types_1 = require("../types");
+const defaultOptions = {
+    [types_1.AuthMethod.BasicAuth]: {
+        label: 'Basic authentication',
+        value: types_1.AuthMethod.BasicAuth,
+        description: 'Authenticate with your data source username and password',
+    },
+    [types_1.AuthMethod.CrossSiteCredentials]: {
+        label: 'Enable cross-site access control requests',
+        value: types_1.AuthMethod.CrossSiteCredentials,
+        description: 'Allow cross-site Access-Control requests with your existing credentials and cookies. This enables the server to authenticate the user and perform authorized requests on their behalf on other domains.',
+    },
+    [types_1.AuthMethod.OAuthForward]: {
+        label: 'Forward OAuth Identity',
+        value: types_1.AuthMethod.OAuthForward,
+        description: 'Forward the OAuth access token (and if available: the OIDC ID token) of the user querying to the data source',
+    },
+    [types_1.AuthMethod.NoAuth]: {
+        label: 'No Authentication',
+        value: types_1.AuthMethod.NoAuth,
+        description: 'Data source is available without authentication',
+    },
+};
+const AuthMethodSettings = ({ selectedMethod, mostCommonMethod, visibleMethods: visibleMethodsFromProps, defaultOptionsOverrides, customMethods, onAuthMethodSelect, basicAuth, readOnly, }) => {
+    var _a, _b, _c, _d;
+    const [authMethodChanged, setAuthMethodChanged] = (0, react_1.useState)(false);
+    const { colors, spacing } = (0, ui_1.useTheme2)();
+    const visibleMethods = (0, react_1.useMemo)(() => {
+        var _a;
+        return visibleMethodsFromProps !== null && visibleMethodsFromProps !== void 0 ? visibleMethodsFromProps : [
+            types_1.AuthMethod.BasicAuth,
+            types_1.AuthMethod.OAuthForward,
+            types_1.AuthMethod.NoAuth,
+            ...((_a = customMethods === null || customMethods === void 0 ? void 0 : customMethods.map((m) => m.id)) !== null && _a !== void 0 ? _a : []),
+        ];
+    }, [customMethods, visibleMethodsFromProps]);
+    const hasSelect = visibleMethods.length > 1;
+    const preparedOptions = (0, react_1.useMemo)(() => {
+        var _a;
+        const customOptions = (_a = customMethods === null || customMethods === void 0 ? void 0 : customMethods.reduce((acc, method) => {
+            acc[method.id] = {
+                label: method.label,
+                value: method.id,
+                description: method.description,
+            };
+            return acc;
+        }, {})) !== null && _a !== void 0 ? _a : {};
+        const preparedDefaultOptions = {};
+        let k;
+        for (k in defaultOptions) {
+            preparedDefaultOptions[k] = Object.assign(Object.assign({}, defaultOptions[k]), defaultOptionsOverrides === null || defaultOptionsOverrides === void 0 ? void 0 : defaultOptionsOverrides[k]);
+        }
+        const allOptions = Object.assign(Object.assign({}, customOptions), preparedDefaultOptions);
+        return visibleMethods
+            .filter((method) => Boolean(allOptions[method]))
+            .map((method) => {
+            const option = allOptions[method];
+            if (method === mostCommonMethod && hasSelect) {
+                return Object.assign(Object.assign({}, option), { label: `${option.label} (most common)` });
+            }
+            return option;
+        });
+    }, [visibleMethods, customMethods, defaultOptionsOverrides, mostCommonMethod, hasSelect]);
+    let selected = selectedMethod;
+    if (!hasSelect) {
+        selected = visibleMethods[0];
+    }
+    else if (selectedMethod === types_1.AuthMethod.NoAuth && mostCommonMethod && !authMethodChanged) {
+        selected = mostCommonMethod;
+    }
+    let AuthFieldsComponent = null;
+    if (selected === types_1.AuthMethod.BasicAuth && basicAuth) {
+        AuthFieldsComponent = react_1.default.createElement(BasicAuth_1.BasicAuth, Object.assign({}, basicAuth, { readOnly: readOnly }));
+    }
+    else if (selected.startsWith('custom-')) {
+        AuthFieldsComponent = (_b = (_a = customMethods === null || customMethods === void 0 ? void 0 : customMethods.find((m) => m.id === selected)) === null || _a === void 0 ? void 0 : _a.component) !== null && _b !== void 0 ? _b : null;
+    }
+    const title = hasSelect ? 'Authentication methods' : ((_c = preparedOptions[0].label) !== null && _c !== void 0 ? _c : '');
+    const description = hasSelect
+        ? 'Choose an authentication method to access the data source'
+        : ((_d = preparedOptions[0].description) !== null && _d !== void 0 ? _d : '');
+    const styles = {
+        authMethods: (0, css_1.css)(Object.assign({ marginTop: spacing(2.5) }, (hasSelect && {
+            padding: spacing(2),
+            border: `1px solid ${colors.border.weak}`,
+        }))),
+        selectedMethodFields: (0, css_1.css)({
+            marginTop: spacing(1.5),
+        }),
+    };
+    return (react_1.default.createElement(ConfigSection_1.ConfigSubSection, { title: title, description: description },
+        react_1.default.createElement("div", { className: styles.authMethods },
+            hasSelect && (react_1.default.createElement(ui_1.Select, { options: preparedOptions, value: selected, onChange: (option) => {
+                    setAuthMethodChanged(true);
+                    onAuthMethodSelect(option.value);
+                }, disabled: readOnly })),
+            AuthFieldsComponent && react_1.default.createElement("div", { className: styles.selectedMethodFields }, AuthFieldsComponent))));
+};
+exports.AuthMethodSettings = AuthMethodSettings;
+//# sourceMappingURL=AuthMethodSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuthMethodSettings.js","sourceRoot":"","sources":["../../../../../src/components/ConfigEditor/Auth/auth-method/AuthMethodSettings.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BasicAuth = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const css_1 = require("@emotion/css");
+const ui_1 = require("@grafana/ui");
+const styles_1 = require("../styles");
+const BasicAuth = ({ user, passwordConfigured, userLabel = 'User', userTooltip = 'The username of the data source account', userPlaceholder = 'User', passwordLabel = 'Password', passwordTooltip = 'The password of the data source account', passwordPlaceholder = 'Password', onUserChange, onPasswordChange, onPasswordReset, readOnly, }) => {
+    const commonStyles = (0, styles_1.useCommonStyles)();
+    const styles = {
+        lastInlineField: (0, css_1.css)({
+            marginBottom: 0,
+        }),
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(ui_1.InlineField, { className: commonStyles.inlineFieldNoMarginRight, label: userLabel, labelWidth: 24, tooltip: userTooltip, required: true, htmlFor: "basic-auth-user-input", interactive: true, grow: true, disabled: readOnly },
+            react_1.default.createElement(ui_1.Input, { id: "basic-auth-user-input", placeholder: userPlaceholder, value: user, onChange: (e) => onUserChange(e.currentTarget.value), required: true })),
+        react_1.default.createElement(ui_1.InlineField, { className: (0, css_1.cx)(commonStyles.inlineFieldNoMarginRight, commonStyles.inlineFieldWithSecret, styles.lastInlineField), label: passwordLabel, labelWidth: 24, tooltip: passwordTooltip, required: true, htmlFor: "basic-auth-password-input", interactive: true, grow: true, disabled: readOnly },
+            react_1.default.createElement(ui_1.SecretInput, { id: "basic-auth-password-input", isConfigured: passwordConfigured, onReset: readOnly ? () => { } : onPasswordReset, placeholder: passwordPlaceholder, onChange: (e) => onPasswordChange(e.currentTarget.value), required: true }))));
+};
+exports.BasicAuth = BasicAuth;
+//# sourceMappingURL=BasicAuth.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BasicAuth.js","sourceRoot":"","sources":["../../../../../src/components/ConfigEditor/Auth/auth-method/BasicAuth.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,sCAAuC;AACvC,oCAA8E;AAC9E,sCAA4C;AAiBrC,MAAM,SAAS,GAAG,CAAC,EACxB,IAAI,EACJ,kBAAkB,EAClB,SAAS,GAAG,MAAM,EAClB,WAAW,GAAG,yCAAyC,EACvD,eAAe,GAAG,MAAM,EACxB,aAAa,GAAG,UAAU,EAC1B,eAAe,GAAG,yCAAyC,EAC3D,mBAAmB,GAAG,UAAU,EAChC,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,QAAQ,GACF,EAAE,EAAE;IACV,MAAM,YAAY,GAAG,IAAA,wBAAe,GAAE,CAAC;IACvC,MAAM,MAAM,GAAG;QACb,eAAe,EAAE,IAAA,SAAG,EAAC;YACnB,YAAY,EAAE,CAAC;SAChB,CAAC;KACH,CAAC;IACF,OAAO,CACL;QACE,8BAAC,gBAAW,IACV,SAAS,EAAE,YAAY,CAAC,wBAAwB,EAChD,KAAK,EAAE,SAAS,EAChB,UAAU,EAAE,EAAE,EACd,OAAO,EAAE,WAAW,EACpB,QAAQ,QACR,OAAO,EAAC,uBAAuB,EAC/B,WAAW,QACX,IAAI,QACJ,QAAQ,EAAE,QAAQ;YAElB,8BAAC,UAAK,IACJ,EAAE,EAAC,uBAAuB,EAC1B,WAAW,EAAE,eAAe,EAC5B,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,EACpD,QAAQ,SACR,CACU;QACd,8BAAC,gBAAW,IACV,SAAS,EAAE,IAAA,QAAE,EACX,YAAY,CAAC,wBAAwB,EACrC,YAAY,CAAC,qBAAqB,EAClC,MAAM,CAAC,eAAe,CACvB,EACD,KAAK,EAAE,aAAa,EACpB,UAAU,EAAE,EAAE,EACd,OAAO,EAAE,eAAe,EACxB,QAAQ,QACR,OAAO,EAAC,2BAA2B,EACnC,WAAW,QACX,IAAI,QACJ,QAAQ,EAAE,QAAQ;YAElB,8BAAC,gBAAW,IACV,EAAE,EAAC,2BAA2B,EAC9B,YAAY,EAAE,kBAAkB,EAChC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC,CAAC,eAAe,EAC9C,WAAW,EAAE,mBAAmB,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,EACxD,QAAQ,SACR,CACU,CACb,CACJ,CAAC;AACJ,CAAC,CAAC;AAnEW,QAAA,SAAS,aAmEpB"}

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomHeader = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const css_1 = require("@emotion/css");
+const ui_1 = require("@grafana/ui");
+const styles_1 = require("../styles");
+const CustomHeader = ({ header, onChange, onBlur, onDelete, readOnly }) => {
+    const { spacing } = (0, ui_1.useTheme2)();
+    const commonStyles = (0, styles_1.useCommonStyles)();
+    const styles = {
+        container: (0, css_1.css)({
+            alignItems: 'center',
+        }),
+        input: (0, css_1.css)({
+            minWidth: '100%',
+        }),
+        headerNameField: (0, css_1.css)({
+            width: '40%',
+            marginRight: 0,
+            paddingRight: spacing(1),
+        }),
+        headerValueField: (0, css_1.css)({
+            width: '45%',
+            marginRight: 0,
+        }),
+        removeHeaderBtn: (0, css_1.css)({
+            margin: `0 0 3px 10px`,
+        }),
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(ui_1.InlineFieldRow, { className: styles.container },
+            react_1.default.createElement(ui_1.InlineField, { label: "Header", labelWidth: 9, grow: true, className: styles.headerNameField, htmlFor: `custom-header-${header.id}-name-input`, disabled: readOnly },
+                react_1.default.createElement(ui_1.Input, { id: `custom-header-${header.id}-name-input`, placeholder: "X-Custom-Header", value: header.name, width: 12, onChange: (e) => onChange(Object.assign(Object.assign({}, header), { name: e.currentTarget.value })), onBlur: onBlur, className: styles.input })),
+            react_1.default.createElement(ui_1.InlineField, { label: "Value", labelWidth: 9, grow: true, className: (0, css_1.cx)(commonStyles.inlineFieldWithSecret, styles.headerValueField), htmlFor: `custom-header-${header.id}-value-input`, disabled: readOnly },
+                react_1.default.createElement(ui_1.SecretInput, { id: `custom-header-${header.id}-value-input`, isConfigured: header.configured, placeholder: "Header value", value: header.value, width: 12, onChange: (e) => onChange(Object.assign(Object.assign({}, header), { value: e.currentTarget.value })), onReset: readOnly ? () => { } : () => onChange(Object.assign(Object.assign({}, header), { configured: false, value: '' })), onBlur: onBlur, className: styles.input })),
+            react_1.default.createElement(ui_1.IconButton, { name: "trash-alt", tooltip: "Remove header", tooltipPlacement: "top", className: styles.removeHeaderBtn, onClick: onDelete, type: "button", disabled: readOnly }))));
+};
+exports.CustomHeader = CustomHeader;
+//# sourceMappingURL=CustomHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomHeader.js","sourceRoot":"","sources":["../../../../../src/components/ConfigEditor/Auth/custom-headers/CustomHeader.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomHeaders = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const css_1 = require("@emotion/css");
+const ui_1 = require("@grafana/ui");
+const CustomHeader_1 = require("./CustomHeader");
+const ConfigSection_1 = require("../../ConfigSection");
+const CustomHeaders = ({ headers: headersFromProps, onChange, readOnly }) => {
+    const { spacing } = (0, ui_1.useTheme2)();
+    const [headers, setHeaders] = (0, react_1.useState)(headersFromProps.map((header) => (Object.assign(Object.assign({}, header), { id: uniqueId(), value: '' }))));
+    (0, react_1.useEffect)(() => {
+        setHeaders((headers) => {
+            let changed = false;
+            const newHeaders = headers.map((header) => {
+                var _a;
+                const configured = (_a = headersFromProps.find((h) => h.name === header.name)) === null || _a === void 0 ? void 0 : _a.configured;
+                if (typeof configured !== 'undefined' && header.configured !== configured) {
+                    changed = true;
+                    return Object.assign(Object.assign({}, header), { configured });
+                }
+                return header;
+            });
+            if (changed) {
+                return newHeaders;
+            }
+            return headers;
+        });
+    }, [headersFromProps]);
+    const onHeaderAdd = () => {
+        setHeaders([...headers, { id: uniqueId(), name: '', value: '', configured: false }]);
+    };
+    const onHeaderChange = (id, header) => {
+        setHeaders(headers.map((h) => (h.id === id ? Object.assign({}, header) : h)));
+    };
+    const onHeaderDelete = (id) => {
+        const index = headers.findIndex((h) => h.id === id);
+        if (index === -1) {
+            return;
+        }
+        const newHeaders = [...headers];
+        newHeaders.splice(index, 1);
+        setHeaders(newHeaders);
+        onChange(newHeaders.map(({ name, value, configured }) => ({
+            name,
+            value,
+            configured,
+        })));
+    };
+    const onBlur = () => {
+        onChange(headers.map(({ name, value, configured }) => ({
+            name,
+            value,
+            configured,
+        })));
+    };
+    const styles = {
+        container: (0, css_1.css)({
+            marginTop: spacing(3),
+        }),
+        addHeaderButton: (0, css_1.css)({
+            marginTop: spacing(1.5),
+        }),
+    };
+    return (react_1.default.createElement("div", { className: styles.container },
+        react_1.default.createElement(ConfigSection_1.ConfigSubSection, { title: "HTTP headers", description: "Pass along additional context and metadata about the request/response", isCollapsible: true, isInitiallyOpen: headers.length > 0 },
+            react_1.default.createElement("div", null, headers.map((header) => (react_1.default.createElement(CustomHeader_1.CustomHeader, { key: header.id, header: header, onChange: (header) => onHeaderChange(header.id, header), onDelete: () => onHeaderDelete(header.id), onBlur: onBlur, readOnly: readOnly })))),
+            react_1.default.createElement("div", { className: styles.addHeaderButton },
+                react_1.default.createElement(ui_1.Button, { icon: "plus", variant: "secondary", fill: "outline", onClick: onHeaderAdd, disabled: readOnly }, headers.length === 0 ? 'Add header' : 'Add another header')))));
+};
+exports.CustomHeaders = CustomHeaders;
+function uniqueId() {
+    return Math.random().toString(16).slice(2);
+}
+//# sourceMappingURL=CustomHeaders.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomHeaders.js","sourceRoot":"","sources":["../../../../../src/components/ConfigEditor/Auth/custom-headers/CustomHeaders.tsx"],"names":[],"mappings":"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"}

package/dist/components/ConfigEditor/Auth/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertLegacyAuthProps = exports.AuthMethod = exports.Auth = void 0;
+var Auth_1 = require("./Auth");
+Object.defineProperty(exports, "Auth", { enumerable: true, get: function () { return Auth_1.Auth; } });
+var types_1 = require("./types");
+Object.defineProperty(exports, "AuthMethod", { enumerable: true, get: function () { return types_1.AuthMethod; } });
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "convertLegacyAuthProps", { enumerable: true, get: function () { return utils_1.convertLegacyAuthProps; } });
+//# sourceMappingURL=index.js.map

package/dist/components/ConfigEditor/Auth/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ConfigEditor/Auth/index.ts"],"names":[],"mappings":";;;AAAA,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AAEb,iCAAqC;AAA5B,mGAAA,UAAU,OAAA;AACnB,iCAAiD;AAAxC,+GAAA,sBAAsB,OAAA"}

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCommonStyles = void 0;
+const css_1 = require("@emotion/css");
+const useCommonStyles = () => {
+    return {
+        inlineFieldNoMarginRight: (0, css_1.css)({
+            marginRight: 0,
+        }),
+        // This is dirty hack to make configured secret input grow
+        inlineFieldWithSecret: (0, css_1.css)({
+            '[class$="layoutChildrenWrapper"]:first-child': {
+                flexGrow: 1,
+            },
+        }),
+    };
+};
+exports.useCommonStyles = useCommonStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ConfigEditor/Auth/styles.ts"],"names":[],"mappings":";;;AAAA,sCAAmC;AAE5B,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,OAAO;QACL,wBAAwB,EAAE,IAAA,SAAG,EAAC;YAC5B,WAAW,EAAE,CAAC;SACf,CAAC;QACF,0DAA0D;QAC1D,qBAAqB,EAAE,IAAA,SAAG,EAAC;YACzB,8CAA8C,EAAE;gBAC9C,QAAQ,EAAE,CAAC;aACZ;SACF,CAAC;KACH,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,eAAe,mBAY1B"}

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelfSignedCertificate = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const css_1 = require("@emotion/css");
+const ui_1 = require("@grafana/ui");
+const TLSSettingsSection_1 = require("./TLSSettingsSection");
+const styles_1 = require("../styles");
+const SelfSignedCertificate = ({ enabled, certificateConfigured, onToggle, onCertificateChange, onCertificateReset, tooltips, readOnly, }) => {
+    var _a;
+    const commonStyles = (0, styles_1.useCommonStyles)();
+    return (react_1.default.createElement(TLSSettingsSection_1.TLSSettingsSection, { enabled: enabled, label: "Add self-signed certificate", tooltipText: "Add your own Certificate Authority (CA) certificate on top of one generated by the certificate authorities for additional security measures", onToggle: (newEnabled) => onToggle(newEnabled), readOnly: readOnly },
+        react_1.default.createElement(ui_1.InlineField, { label: "CA Certificate", labelWidth: 24, tooltip: (_a = tooltips === null || tooltips === void 0 ? void 0 : tooltips.certificateLabel) !== null && _a !== void 0 ? _a : 'Your self-signed certificate', required: true, htmlFor: "self-signed-certificate-input", interactive: true, grow: true, className: (0, css_1.cx)(commonStyles.inlineFieldNoMarginRight, commonStyles.inlineFieldWithSecret), disabled: readOnly },
+            react_1.default.createElement(ui_1.SecretTextArea, { id: "self-signed-certificate-input", isConfigured: certificateConfigured, onChange: (e) => onCertificateChange(e.currentTarget.value), onReset: readOnly ? () => { } : onCertificateReset, placeholder: "Begins with --- BEGIN CERTIFICATE ---", rows: 6, required: true }))));
+};
+exports.SelfSignedCertificate = SelfSignedCertificate;
+//# sourceMappingURL=SelfSignedCertificate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelfSignedCertificate.js","sourceRoot":"","sources":["../../../../../src/components/ConfigEditor/Auth/tls/SelfSignedCertificate.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,sCAAkC;AAClC,oCAA0D;AAC1D,6DAA0D;AAC1D,sCAA4C;AAcrC,MAAM,qBAAqB,GAAG,CAAC,EACpC,OAAO,EACP,qBAAqB,EACrB,QAAQ,EACR,mBAAmB,EACnB,kBAAkB,EAClB,QAAQ,EACR,QAAQ,GACF,EAAE,EAAE;;IACV,MAAM,YAAY,GAAG,IAAA,wBAAe,GAAE,CAAC;IAEvC,OAAO,CACL,8BAAC,uCAAkB,IACjB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,6BAA6B,EACnC,WAAW,EAAC,6IAA6I,EACzJ,QAAQ,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,EAC9C,QAAQ,EAAE,QAAQ;QAElB,8BAAC,gBAAW,IACV,KAAK,EAAC,gBAAgB,EACtB,UAAU,EAAE,EAAE,EACd,OAAO,EAAE,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,gBAAgB,mCAAI,8BAA8B,EACrE,QAAQ,QACR,OAAO,EAAC,+BAA+B,EACvC,WAAW,QACX,IAAI,QACJ,SAAS,EAAE,IAAA,QAAE,EAAC,YAAY,CAAC,wBAAwB,EAAE,YAAY,CAAC,qBAAqB,CAAC,EACxF,QAAQ,EAAE,QAAQ;YAElB,8BAAC,mBAAc,IACb,EAAE,EAAC,+BAA+B,EAClC,YAAY,EAAE,qBAAqB,EACnC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,EAC3D,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC,CAAC,kBAAkB,EACjD,WAAW,EAAC,uCAAuC,EACnD,IAAI,EAAE,CAAC,EACP,QAAQ,SACR,CACU,CACK,CACtB,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,qBAAqB,yBA0ChC"}

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkipTLSVerification = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const TLSSettingsSection_1 = require("./TLSSettingsSection");
+const SkipTLSVerification = ({ enabled, onToggle, readOnly }) => {
+    return (react_1.default.createElement(TLSSettingsSection_1.TLSSettingsSection, { enabled: enabled, label: "Skip TLS certificate validation", tooltipText: "Skipping TLS certificate validation is not recommended unless absolutely necessary or for testing", onToggle: (newEnabled) => onToggle(newEnabled), readOnly: readOnly }));
+};
+exports.SkipTLSVerification = SkipTLSVerification;
+//# sourceMappingURL=SkipTLSVerification.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SkipTLSVerification.js","sourceRoot":"","sources":["../../../../../src/components/ConfigEditor/Auth/tls/SkipTLSVerification.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,6DAA0D;AAQnD,MAAM,mBAAmB,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAS,EAAE,EAAE;IAC5E,OAAO,CACL,8BAAC,uCAAkB,IACjB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,iCAAiC,EACvC,WAAW,EAAC,mGAAmG,EAC/G,QAAQ,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,EAC9C,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,mBAAmB,uBAU9B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TLSClientAuth.js","sourceRoot":"","sources":["../../../../../src/components/ConfigEditor/Auth/tls/TLSClientAuth.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TLSSettings = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const css_1 = require("@emotion/css");
+const ui_1 = require("@grafana/ui");
+const SelfSignedCertificate_1 = require("./SelfSignedCertificate");
+const TLSClientAuth_1 = require("./TLSClientAuth");
+const SkipTLSVerification_1 = require("./SkipTLSVerification");
+const ConfigSection_1 = require("../../ConfigSection");
+const TLSSettings = ({ selfSignedCertificate, TLSClientAuth, skipTLSVerification, readOnly }) => {
+    const { spacing } = (0, ui_1.useTheme2)();
+    const styles = {
+        container: (0, css_1.css)({
+            marginTop: spacing(3),
+        }),
+    };
+    return (react_1.default.createElement(ConfigSection_1.ConfigSubSection, { className: styles.container, title: "TLS settings", description: "Additional security measures that can be applied on top of authentication" },
+        react_1.default.createElement(SelfSignedCertificate_1.SelfSignedCertificate, Object.assign({}, selfSignedCertificate, { readOnly: readOnly })),
+        react_1.default.createElement(TLSClientAuth_1.TLSClientAuth, Object.assign({}, TLSClientAuth, { readOnly: readOnly })),
+        react_1.default.createElement(SkipTLSVerification_1.SkipTLSVerification, Object.assign({}, skipTLSVerification, { readOnly: readOnly }))));
+};
+exports.TLSSettings = TLSSettings;
+//# sourceMappingURL=TLSSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TLSSettings.js","sourceRoot":"","sources":["../../../../../src/components/ConfigEditor/Auth/tls/TLSSettings.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,sCAAmC;AACnC,oCAAwC;AACxC,mEAAqG;AACrG,mDAAuG;AACvG,+DAA+F;AAC/F,uDAAuD;AAShD,MAAM,WAAW,GAAG,CAAC,EAAE,qBAAqB,EAAE,aAAa,EAAE,mBAAmB,EAAE,QAAQ,EAAS,EAAE,EAAE;IAC5G,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,cAAS,GAAE,CAAC;IAEhC,MAAM,MAAM,GAAG;QACb,SAAS,EAAE,IAAA,SAAG,EAAC;YACb,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;SACtB,CAAC;KACH,CAAC;IAEF,OAAO,CACL,8BAAC,gCAAgB,IACf,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,2EAA2E;QAEvF,8BAAC,6CAAqB,oBAAK,qBAAqB,IAAE,QAAQ,EAAE,QAAQ,IAAI;QACxE,8BAAC,6BAAsB,oBAAK,aAAa,IAAE,QAAQ,EAAE,QAAQ,IAAI;QACjE,8BAAC,yCAAmB,oBAAK,mBAAmB,IAAE,QAAQ,EAAE,QAAQ,IAAI,CACnD,CACpB,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,WAAW,eAoBtB"}