@grafana/plugin-ui 0.1.11 → 0.1.13

package/dist/components/CustomHeadersSettings/CustomHeadersSettings.js

@@ -0,0 +1,129 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomHeadersSettings = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const css_1 = require("@emotion/css");
+const lodash_1 = require("lodash");
+const ui_1 = require("@grafana/ui");
+const getCustomHeaderRowStyles = (0, ui_1.stylesFactory)(() => {
+    return {
+        layout: (0, css_1.css) `
+      display: flex;
+      align-items: center;
+      margin-bottom: 4px;
+      > * {
+        margin-left: 4px;
+        margin-bottom: 0;
+        height: 100%;
+        &:first-child,
+        &:last-child {
+          margin-left: 0;
+        }
+      }
+    `,
+    };
+});
+const CustomHeaderRow = ({ header, onBlur, onChange, onRemove, onReset, }) => {
+    const styles = getCustomHeaderRowStyles();
+    return (react_1.default.createElement("div", { className: styles.layout },
+        react_1.default.createElement(ui_1.LegacyForms.FormField, { label: "Header", name: "name", placeholder: "X-Custom-Header", labelWidth: 5, value: header.name || "", onChange: (e) => onChange(Object.assign(Object.assign({}, header), { name: e.target.value })), onBlur: onBlur }),
+        react_1.default.createElement(ui_1.LegacyForms.SecretFormField, { label: "Value", "aria-label": "Value", name: "value", isConfigured: header.configured, value: header.value, labelWidth: 5, inputWidth: header.configured ? 11 : 12, placeholder: "Header Value", onReset: () => onReset(header.id), onChange: (e) => onChange(Object.assign(Object.assign({}, header), { value: e.target.value })), onBlur: onBlur }),
+        react_1.default.createElement(ui_1.Button, { type: "button", "aria-label": "Remove header", variant: "secondary", size: "xs", onClick: (_e) => onRemove(header.id) },
+            react_1.default.createElement(ui_1.Icon, { name: "trash-alt" }))));
+};
+CustomHeaderRow.displayName = "CustomHeaderRow";
+class CustomHeadersSettings extends react_1.PureComponent {
+    constructor(props) {
+        super(props);
+        this.state = {
+            headers: [],
+        };
+        this.updateSettings = () => {
+            const { headers } = this.state;
+            // we remove every httpHeaderName* field
+            const newJsonData = Object.fromEntries(Object.entries(this.props.dataSourceConfig.jsonData).filter(([key, val]) => !key.startsWith("httpHeaderName")));
+            // we remove every httpHeaderValue* field
+            const newSecureJsonData = Object.fromEntries(Object.entries(this.props.dataSourceConfig.secureJsonData || {}).filter(([key, val]) => !key.startsWith("httpHeaderValue")));
+            // then we add the current httpHeader-fields
+            for (const [index, header] of headers.entries()) {
+                newJsonData[`httpHeaderName${index + 1}`] = header.name;
+                if (!header.configured) {
+                    newSecureJsonData[`httpHeaderValue${index + 1}`] = header.value;
+                }
+            }
+            this.props.onChange(Object.assign(Object.assign({}, this.props.dataSourceConfig), { jsonData: newJsonData, secureJsonData: newSecureJsonData }));
+        };
+        this.onHeaderAdd = () => {
+            this.setState((prevState) => {
+                return {
+                    headers: [
+                        ...prevState.headers,
+                        { id: (0, lodash_1.uniqueId)(), name: "", value: "", configured: false },
+                    ],
+                };
+            });
+        };
+        this.onHeaderChange = (headerIndex, value) => {
+            this.setState(({ headers }) => {
+                return {
+                    headers: headers.map((item, index) => {
+                        if (headerIndex !== index) {
+                            return item;
+                        }
+                        return Object.assign({}, value);
+                    }),
+                };
+            });
+        };
+        this.onHeaderReset = (headerId) => {
+            this.setState(({ headers }) => {
+                return {
+                    headers: headers.map((h, i) => {
+                        if (h.id !== headerId) {
+                            return h;
+                        }
+                        return Object.assign(Object.assign({}, h), { value: "", configured: false });
+                    }),
+                };
+            });
+        };
+        this.onHeaderRemove = (headerId) => {
+            this.setState(({ headers }) => ({
+                headers: headers.filter((h) => h.id !== headerId),
+            }), this.updateSettings);
+        };
+        const { jsonData, secureJsonData, secureJsonFields, } = this.props.dataSourceConfig;
+        this.state = {
+            headers: Object.keys(jsonData)
+                .sort()
+                .filter((key) => key.startsWith("httpHeaderName"))
+                .map((key, index) => {
+                return {
+                    id: (0, lodash_1.uniqueId)(),
+                    name: jsonData[key],
+                    value: secureJsonData !== undefined ? secureJsonData[key] : "",
+                    configured: (secureJsonFields &&
+                        secureJsonFields[`httpHeaderValue${index + 1}`]) ||
+                        false,
+                };
+            }),
+        };
+    }
+    render() {
+        const { headers } = this.state;
+        return (react_1.default.createElement("div", { className: "gf-form-group" },
+            react_1.default.createElement("div", { className: "gf-form" },
+                react_1.default.createElement("h6", null, "Custom HTTP Headers")),
+            react_1.default.createElement("div", null, headers.map((header, i) => (react_1.default.createElement(CustomHeaderRow, { key: header.id, header: header, onChange: (h) => {
+                    this.onHeaderChange(i, h);
+                }, onBlur: this.updateSettings, onRemove: this.onHeaderRemove, onReset: this.onHeaderReset })))),
+            react_1.default.createElement("div", { className: "gf-form" },
+                react_1.default.createElement(ui_1.Button, { variant: "secondary", icon: "plus", type: "button", onClick: (e) => {
+                        this.onHeaderAdd();
+                    } }, "Add header"))));
+    }
+}
+exports.CustomHeadersSettings = CustomHeadersSettings;
+exports.default = CustomHeadersSettings;
+//# sourceMappingURL=CustomHeadersSettings.js.map

package/dist/components/CustomHeadersSettings/CustomHeadersSettings.js.map

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

package/dist/components/QueryEditor/QueryHeader.js

@@ -15,6 +15,7 @@ const EditorRow_1 = require("./EditorRow");
 const FlexItem_1 = require("./FlexItem");
 const InlineSelect_1 = require("./InlineSelect");
 const Space_1 = require("./Space");
+const RunQueryButton_1 = require("./RunQueryButton");
 const types_1 = require("./types");
 const sql_utils_1 = require("./utils/sql.utils");
 const editorModes = [
@@ -66,11 +67,7 @@ function QueryHeader({ db, query, queryRowFilter, onChange, onRunQuery, onQueryR
                 react_1.default.createElement(ui_1.InlineSwitch, { id: "sql-preview", label: "Preview", transparent: true, showLabel: true, value: queryRowFilter.preview, onChange: (ev) => ev.target instanceof HTMLInputElement &&
                         onQueryRowChange(Object.assign(Object.assign({}, queryRowFilter), { preview: ev.target.checked })) }))),
             react_1.default.createElement(FlexItem_1.FlexItem, { grow: 1 }),
-            isQueryRunnable ? (react_1.default.createElement(ui_1.Button, { icon: "play", variant: "primary", size: "sm", onClick: () => onRunQuery() }, "Run query")) : (react_1.default.createElement(ui_1.Tooltip, { theme: "error", content: react_1.default.createElement(react_1.default.Fragment, null,
-                    "Your query is invalid. Check below for details. ",
-                    react_1.default.createElement("br", null),
-                    "However, you can still run this query."), placement: "top" },
-                react_1.default.createElement(ui_1.Button, { icon: "exclamation-triangle", variant: "secondary", size: "sm", onClick: () => onRunQuery() }, "Run query"))),
+            react_1.default.createElement(RunQueryButton_1.RunQueryButton, { queryInvalid: isQueryRunnable, onClick: () => onRunQuery() }),
             react_1.default.createElement(ui_1.RadioButtonGroup, { options: editorModes, size: "sm", value: editorMode, onChange: onEditorModeChange }),
             react_1.default.createElement(ConfirmModal_1.ConfirmModal, { isOpen: showConfirm, onCopy: () => {
                     setShowConfirm(false);

package/dist/components/QueryEditor/QueryHeader.js.map

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

package/dist/components/QueryEditor/RunQueryButton.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RunQueryButton = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const ui_1 = require("@grafana/ui");
+const RunQueryButton = ({ ariaLabel = "Query editor Run button", queryRunning = false, queryInvalid = false, invalidQueryTooltip, disabled = false, onClick, dataTestId, }) => {
+    let icon = queryInvalid
+        ? "exclamation-triangle"
+        : undefined;
+    if (queryRunning) {
+        icon = "fa fa-spinner";
+    }
+    const RunButton = (react_1.default.createElement(ui_1.Button, { "aria-label": ariaLabel, size: "sm", variant: "secondary", icon: icon, disabled: disabled || queryRunning, onClick: onClick, "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : false }, "Run query"));
+    return queryInvalid ? (react_1.default.createElement(ui_1.Tooltip, { theme: "error", placement: "top", content: invalidQueryTooltip !== null && invalidQueryTooltip !== void 0 ? invalidQueryTooltip : (react_1.default.createElement(react_1.default.Fragment, null,
+            "Your query is invalid. Check below for details. ",
+            react_1.default.createElement("br", null),
+            "However, you can still run this query.")) }, RunButton)) : (RunButton);
+};
+exports.RunQueryButton = RunQueryButton;
+//# sourceMappingURL=RunQueryButton.js.map

package/dist/components/QueryEditor/RunQueryButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RunQueryButton.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/RunQueryButton.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,oCAAwE;AAYjE,MAAM,cAAc,GAAkC,CAAC,EAC5D,SAAS,GAAG,yBAAyB,EACrC,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,KAAK,EACpB,mBAAmB,EACnB,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,UAAU,GACX,EAAE,EAAE;IACH,IAAI,IAAI,GAAyB,YAAY;QAC3C,CAAC,CAAC,sBAAsB;QACxB,CAAC,CAAC,SAAS,CAAC;IACd,IAAI,YAAY,EAAE;QAChB,IAAI,GAAG,eAAe,CAAC;KACxB;IAED,MAAM,SAAS,GAAG,CAChB,8BAAC,WAAM,kBACO,SAAS,EACrB,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,IAAI,YAAY,EAClC,OAAO,EAAE,OAAO,iBACH,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,KAAK,gBAGzB,CACV,CAAC;IAEF,OAAO,YAAY,CAAC,CAAC,CAAC,CACpB,8BAAC,YAAO,IACN,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,KAAK,EACf,OAAO,EACL,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,CACrB;;YACkD,yCAAM;qDAErD,CACJ,IAGF,SAAS,CACF,CACX,CAAC,CAAC,CAAC,CACF,SAAS,CACV,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,cAAc,kBAgDzB"}

package/dist/components/QueryEditor/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SqlQueryEditor = exports.Space = exports.InputGroup = exports.InlineSelect = exports.Stack = exports.FlexItem = exports.EditorSwitch = exports.EditorRows = exports.EditorList = exports.EditorRow = exports.EditorField = exports.EditorHeader = exports.EditorFieldGroup = exports.AccessoryButton = void 0;
+exports.RunQueryButton = exports.SqlQueryEditor = exports.Space = exports.InputGroup = exports.InlineSelect = exports.Stack = exports.FlexItem = exports.EditorSwitch = exports.EditorRows = exports.EditorList = exports.EditorRow = exports.EditorField = exports.EditorHeader = exports.EditorFieldGroup = exports.AccessoryButton = void 0;
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./visual-query-builder"), exports);
 var AccessoryButton_1 = require("./AccessoryButton");
@@ -31,5 +31,7 @@ var Space_1 = require("./Space");
 Object.defineProperty(exports, "Space", { enumerable: true, get: function () { return Space_1.Space; } });
 var QueryEditor_1 = require("./QueryEditor");
 Object.defineProperty(exports, "SqlQueryEditor", { enumerable: true, get: function () { return QueryEditor_1.SqlQueryEditor; } });
+var RunQueryButton_1 = require("./RunQueryButton");
+Object.defineProperty(exports, "RunQueryButton", { enumerable: true, get: function () { return RunQueryButton_1.RunQueryButton; } });
 tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/QueryEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/index.ts"],"names":[],"mappings":";;;;AAAA,iEAAuC;AAEvC,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AACxB,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA;AACzB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,6CAA+C;AAAtC,6GAAA,cAAc,OAAA;AAEvB,kDAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/index.ts"],"names":[],"mappings":";;;;AAAA,iEAAuC;AAEvC,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AACxB,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA;AACzB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,6CAA+C;AAAtC,6GAAA,cAAc,OAAA;AACvB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AAEvB,kDAAwB"}

package/dist/components/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CertificationKey = exports.InlineSwitch = exports.formatDate = exports.DatePickerWithInput = exports.DatePicker = exports.Segment = exports.DebounceInput = exports.QueryEditorRow = exports.AsyncButtonCascader = void 0;
+exports.CustomHeadersSettings = exports.CertificationKey = exports.InlineSwitch = exports.formatDate = exports.DatePickerWithInput = exports.DatePicker = exports.Segment = exports.DebounceInput = exports.QueryEditorRow = exports.AsyncButtonCascader = void 0;
 const tslib_1 = require("tslib");
 var AsyncButtonCascader_1 = require("./AsyncButtonCascader/AsyncButtonCascader");
 Object.defineProperty(exports, "AsyncButtonCascader", { enumerable: true, get: function () { return AsyncButtonCascader_1.AsyncButtonCascader; } });
@@ -22,4 +22,6 @@ var ui_1 = require("@grafana/ui");
 Object.defineProperty(exports, "InlineSwitch", { enumerable: true, get: function () { return ui_1.InlineSwitch; } });
 Object.defineProperty(exports, "CertificationKey", { enumerable: true, get: function () { return ui_1.CertificationKey; } });
 tslib_1.__exportStar(require("./QueryEditor"), exports);
+var CustomHeadersSettings_1 = require("./CustomHeadersSettings/CustomHeadersSettings");
+Object.defineProperty(exports, "CustomHeadersSettings", { enumerable: true, get: function () { return CustomHeadersSettings_1.CustomHeadersSettings; } });
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;AAAA,iFAAgF;AAAvE,0HAAA,mBAAmB,OAAA;AAC5B,kEAAiE;AAAxD,gHAAA,cAAc,OAAA;AACvB,+DAGuC;AAFrC,8GAAA,aAAa,OAAA;AAGf,6CAG2B;AAFzB,kGAAA,OAAO,OAAA;AAGT,sDAAsE;AAA7D,wGAAA,UAAU,OAAA;AACnB,iFAImD;AAHjD,0HAAA,mBAAmB,OAAA;AAEnB,iHAAA,UAAU,OAAA;AAEZ,8EAAoD;AACpD,sDAA4B;AAC5B,8DAAoC;AACpC,kCAA6D;AAApD,kGAAA,YAAY,OAAA;AAAE,sGAAA,gBAAgB,OAAA;AACvC,wDAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;AAAA,iFAAgF;AAAvE,0HAAA,mBAAmB,OAAA;AAC5B,kEAAiE;AAAxD,gHAAA,cAAc,OAAA;AACvB,+DAGuC;AAFrC,8GAAA,aAAa,OAAA;AAGf,6CAG2B;AAFzB,kGAAA,OAAO,OAAA;AAGT,sDAAsE;AAA7D,wGAAA,UAAU,OAAA;AACnB,iFAImD;AAHjD,0HAAA,mBAAmB,OAAA;AAEnB,iHAAA,UAAU,OAAA;AAEZ,8EAAoD;AACpD,sDAA4B;AAC5B,8DAAoC;AACpC,kCAA6D;AAApD,kGAAA,YAAY,OAAA;AAAE,sGAAA,gBAAgB,OAAA;AACvC,wDAA8B;AAC9B,uFAAsF;AAA7E,8HAAA,qBAAqB,OAAA"}

package/dist/src/components/CustomHeadersSettings/CustomHeadersSettings.d.ts

@@ -0,0 +1,27 @@
+import { PureComponent } from "react";
+import { DataSourceSettings } from "@grafana/data";
+export interface CustomHeader {
+    id: string;
+    name: string;
+    value: string;
+    configured: boolean;
+}
+export declare type CustomHeaders = CustomHeader[];
+export interface Props {
+    dataSourceConfig: DataSourceSettings<any, any>;
+    onChange: (config: DataSourceSettings) => void;
+}
+export interface State {
+    headers: CustomHeaders;
+}
+export declare class CustomHeadersSettings extends PureComponent<Props, State> {
+    state: State;
+    constructor(props: Props);
+    updateSettings: () => void;
+    onHeaderAdd: () => void;
+    onHeaderChange: (headerIndex: number, value: CustomHeader) => void;
+    onHeaderReset: (headerId: string) => void;
+    onHeaderRemove: (headerId: string) => void;
+    render(): JSX.Element;
+}
+export default CustomHeadersSettings;

package/dist/src/components/DataLinks/DataLink.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { VariableSuggestion, DataSourceInstanceSettings, DataSourceJsonData } from '@grafana/data';
 import { DataLinkConfig } from './types';
 declare type Props = {

package/dist/src/components/DataLinks/DataLinks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DataLinkConfig } from './types';
 declare type Props = {
     value?: DataLinkConfig[];

package/dist/src/components/DatePickerWithInput/DatePickerWithInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Props as InputProps } from '@grafana/ui/components/Input/Input';
 import './style.css';
 export declare const formatDate: (date: Date) => string;

package/dist/src/components/DebounceInput/DebounceInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Props as InputProps } from '@grafana/ui/components/Input/Input';
 export interface DebounceInputProps extends Omit<InputProps, 'ref'> {
     value: string;

package/dist/src/components/QueryEditor/ConfirmModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type ConfirmModalProps = {
     isOpen: boolean;
     onCancel?: () => void;

package/dist/src/components/QueryEditor/InlineSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectCommonProps } from '@grafana/ui';
 interface InlineSelectProps<T> extends SelectCommonProps<T> {
     label?: string;

package/dist/src/components/QueryEditor/QueryEditor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { QueryEditorProps } from '@grafana/data';
 import { SQLQuery, SQLOptions } from './types';
 import { SqlDatasource } from '../../datasource/SqlDatasource';

package/dist/src/components/QueryEditor/QueryHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { QueryWithDefaults } from './defaults';
 import { DB, SQLQuery, QueryRowFilter } from './types';
 interface QueryHeaderProps {

package/dist/src/components/QueryEditor/RunQueryButton.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { PopoverContent } from "@grafana/ui";
+declare type RunQueryButtonProps = {
+    ariaLabel?: string;
+    queryInvalid?: boolean;
+    invalidQueryTooltip?: PopoverContent;
+    disabled?: boolean;
+    queryRunning?: boolean;
+    onClick: () => void;
+    dataTestId?: string;
+};
+export declare const RunQueryButton: React.FC<RunQueryButtonProps>;
+export {};

package/dist/src/components/QueryEditor/Space.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface SpaceProps {
     v?: number;
     h?: number;

package/dist/src/components/QueryEditor/index.d.ts

@@ -13,4 +13,5 @@ export { InlineSelect } from './InlineSelect';
 export { InputGroup } from './InputGroup';
 export { Space } from './Space';
 export { SqlQueryEditor } from './QueryEditor';
+export { RunQueryButton } from './RunQueryButton';
 export * from './types';

package/dist/src/components/QueryEditor/query-editor-raw/QueryToolbox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { QueryValidatorProps } from './QueryValidator';
 interface QueryToolboxProps extends Omit<QueryValidatorProps, 'onValidate'> {
     showTools?: boolean;

package/dist/src/components/QueryEditor/query-editor-raw/QueryValidator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TimeRange } from '@grafana/data';
 import { DB, SQLQuery } from '../types';
 export interface QueryValidatorProps {

package/dist/src/components/QueryEditor/query-editor-raw/RawEditor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { QueryEditorProps, SQLQuery } from '../types';
 interface RawEditorProps extends Omit<QueryEditorProps, 'onChange'> {
     onRunQuery: () => void;

package/dist/src/components/QueryEditor/visual-query-builder/GroupByRow.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectableValue } from '@grafana/data';
 import { SQLExpression } from '../types';
 interface GroupByRowProps {

package/dist/src/components/QueryEditor/visual-query-builder/OrderByRow.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectableValue } from '@grafana/data';
 import { SQLExpression } from '../types';
 declare type OrderByRowProps = {

package/dist/src/components/QueryEditor/visual-query-builder/Preview.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type PreviewProps = {
     rawSql: string;
 };

package/dist/src/components/QueryEditor/visual-query-builder/SQLGroupByRow.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectableValue } from '@grafana/data';
 import { QueryWithDefaults } from '../defaults';
 import { SQLQuery, DB } from '../types';

package/dist/src/components/QueryEditor/visual-query-builder/SQLOrderByRow.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectableValue } from '@grafana/data';
 import { QueryWithDefaults } from '../defaults';
 import { SQLQuery, DB } from '../types';

package/dist/src/components/QueryEditor/visual-query-builder/SQLSelectRow.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectableValue } from '@grafana/data';
 import { QueryWithDefaults } from '../defaults';
 import { SQLQuery, DB } from '../types';

package/dist/src/components/QueryEditor/visual-query-builder/SQLWhereRow.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectableValue } from '@grafana/data';
 import { QueryWithDefaults } from '../defaults';
 import { SQLQuery, DB } from '../types';

package/dist/src/components/QueryEditor/visual-query-builder/SelectRow.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectableValue } from '@grafana/data';
 import { SQLExpression } from '../types';
 interface SelectRowProps {

package/dist/src/components/QueryEditor/visual-query-builder/WhereRow.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Config } from 'react-awesome-query-builder';
 import { SQLExpression } from '../types';
 interface SQLBuilderWhereRowProps {

package/dist/src/components/Segment/Segment.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SegmentSyncProps as GrafanaSegmentProps } from '@grafana/ui/components/Segment/Segment';
 export interface SegmentProps<T> extends Omit<GrafanaSegmentProps<T>, 'onChange'> {
     value: T;

package/dist/src/components/index.d.ts

@@ -9,3 +9,4 @@ export * from './DataLinks';
 export * from './Cascader/Cascader';
 export { InlineSwitch, CertificationKey } from '@grafana/ui';
 export * from './QueryEditor';
+export { CustomHeadersSettings } from './CustomHeadersSettings/CustomHeadersSettings';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/plugin-ui",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "repository": "git@github.com:grafana/plugin-ui.git",
   "author": "Grafana Labs",
   "main": "dist/index.js",
@@ -49,7 +49,7 @@
     "@testing-library/jest-dom": "^5.11.6",
     "@testing-library/react": "^11.2.2",
     "@testing-library/user-event": "^12.8.3",
-    "@types/react": "17.0.22",
+    "@types/react": "17.0.38",
     "@types/testing-library__jest-dom": "^5.9.5",
     "babel-loader": "^8.2.2",
     "jest-fetch-mock": "^3.0.3",