@grafana/plugin-ui 0.9.5 → 0.10.0

package/dist/components/DebounceInput/DebounceInput.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DebounceInput = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const ui_1 = require("@grafana/ui");
-const useDebounce_1 = require("../../hooks/useDebounce");
-const DebounceInput = (props) => {
-    const { delay, onDebounce, value } = props, rest = tslib_1.__rest(props, ["delay", "onDebounce", "value"]);
-    const [input, setInput] = react_1.default.useState(value);
-    const debouncedInput = (0, useDebounce_1.useDebounce)(input, delay);
-    // TODO: We should fix this
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    react_1.default.useEffect(() => onDebounce(debouncedInput), [debouncedInput]);
-    react_1.default.useEffect(() => setInput(value), [value]);
-    return react_1.default.createElement(ui_1.Input, Object.assign({ onChange: (ev) => setInput(ev.currentTarget.value), value: input }, rest));
-};
-exports.DebounceInput = DebounceInput;
-//# sourceMappingURL=DebounceInput.js.map

package/dist/components/DebounceInput/DebounceInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DebounceInput.js","sourceRoot":"","sources":["../../../src/components/DebounceInput/DebounceInput.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8C;AAC9C,oCAAoC;AACpC,yDAAsD;AAQ/C,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,kBAAK,KAAK,EAA7C,gCAAqC,CAAQ,CAAC;IACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,cAAc,GAAG,IAAA,yBAAW,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAEjD,2BAA2B;IAC3B,uDAAuD;IACvD,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IACpE,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEhD,OAAO,8BAAC,UAAK,kBAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,IAAM,IAAI,EAAI,CAAC;AAC/F,CAAC,CAAC;AAZW,QAAA,aAAa,iBAYxB"}

package/dist/components/Plugins/PluginSignatureBadge.js

@@ -1,65 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mapPluginErrorCodeToSignatureStatus = exports.isUnsignedPluginSignature = exports.PluginSignatureBadge = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const ui_1 = require("@grafana/ui");
-const data_1 = require("@grafana/data");
-const PluginSignatureBadge = (_a) => {
-    var { status } = _a, otherProps = tslib_1.__rest(_a, ["status"]);
-    const display = getSignatureDisplayModel(status);
-    return (react_1.default.createElement(ui_1.Badge, Object.assign({ text: display.text, color: display.color, icon: display.icon, tooltip: display.tooltip }, otherProps)));
-};
-exports.PluginSignatureBadge = PluginSignatureBadge;
-function isUnsignedPluginSignature(signature) {
-    return signature && signature !== data_1.PluginSignatureStatus.valid && signature !== data_1.PluginSignatureStatus.internal;
-}
-exports.isUnsignedPluginSignature = isUnsignedPluginSignature;
-function mapPluginErrorCodeToSignatureStatus(code) {
-    switch (code) {
-        case data_1.PluginErrorCode.invalidSignature:
-            return data_1.PluginSignatureStatus.invalid;
-        case data_1.PluginErrorCode.missingSignature:
-            return data_1.PluginSignatureStatus.missing;
-        case data_1.PluginErrorCode.modifiedSignature:
-            return data_1.PluginSignatureStatus.modified;
-        default:
-            return data_1.PluginSignatureStatus.missing;
-    }
-}
-exports.mapPluginErrorCodeToSignatureStatus = mapPluginErrorCodeToSignatureStatus;
-function getSignatureDisplayModel(signature) {
-    if (!signature) {
-        signature = data_1.PluginSignatureStatus.invalid;
-    }
-    switch (signature) {
-        case data_1.PluginSignatureStatus.internal:
-            return { text: 'Core', icon: 'cube', color: 'blue', tooltip: 'Core plugin that is bundled with Grafana' };
-        case data_1.PluginSignatureStatus.valid:
-            return { text: 'Signed', icon: 'lock', color: 'green', tooltip: 'Signed and verified plugin' };
-        case data_1.PluginSignatureStatus.invalid:
-            return {
-                text: 'Invalid signature',
-                icon: 'exclamation-triangle',
-                color: 'red',
-                tooltip: 'Invalid plugin signature',
-            };
-        case data_1.PluginSignatureStatus.modified:
-            return {
-                text: 'Modified signature',
-                icon: 'exclamation-triangle',
-                color: 'red',
-                tooltip: 'Valid signature but content has been modified',
-            };
-        case data_1.PluginSignatureStatus.missing:
-            return {
-                text: 'Missing signature',
-                icon: 'exclamation-triangle',
-                color: 'red',
-                tooltip: 'Missing plugin signature',
-            };
-    }
-    return { text: 'Unsigned', icon: 'exclamation-triangle', color: 'red', tooltip: 'Unsigned external plugin' };
-}
-exports.PluginSignatureBadge.displayName = 'PluginSignatureBadge';
-//# sourceMappingURL=PluginSignatureBadge.js.map

package/dist/components/Plugins/PluginSignatureBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PluginSignatureBadge.js","sourceRoot":"","sources":["../../../src/components/Plugins/PluginSignatureBadge.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8C;AAC9C,oCAAgD;AAChD,wCAAuE;AAMhE,MAAM,oBAAoB,GAAG,CAAC,EAAgC,EAAE,EAAE;QAApC,EAAE,MAAM,OAAwB,EAAnB,UAAU,sBAAvB,UAAyB,CAAF;IAC1D,MAAM,OAAO,GAAG,wBAAwB,CAAC,MAAM,CAAC,CAAC;IACjD,OAAO,CACL,8BAAC,UAAK,kBACJ,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,KAAK,EAAE,OAAO,CAAC,KAAY,EAC3B,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,OAAO,EAAE,OAAO,CAAC,OAAO,IACpB,UAAU,EACd,CACH,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,oBAAoB,wBAW/B;AAEF,SAAgB,yBAAyB,CAAC,SAAiC;IACzE,OAAO,SAAS,IAAI,SAAS,KAAK,4BAAqB,CAAC,KAAK,IAAI,SAAS,KAAK,4BAAqB,CAAC,QAAQ,CAAC;AAChH,CAAC;AAFD,8DAEC;AAED,SAAgB,mCAAmC,CAAC,IAAqB;IACvE,QAAQ,IAAI,EAAE;QACZ,KAAK,sBAAe,CAAC,gBAAgB;YACnC,OAAO,4BAAqB,CAAC,OAAO,CAAC;QACvC,KAAK,sBAAe,CAAC,gBAAgB;YACnC,OAAO,4BAAqB,CAAC,OAAO,CAAC;QACvC,KAAK,sBAAe,CAAC,iBAAiB;YACpC,OAAO,4BAAqB,CAAC,QAAQ,CAAC;QACxC;YACE,OAAO,4BAAqB,CAAC,OAAO,CAAC;KACxC;AACH,CAAC;AAXD,kFAWC;AAED,SAAS,wBAAwB,CAAC,SAAiC;IACjE,IAAI,CAAC,SAAS,EAAE;QACd,SAAS,GAAG,4BAAqB,CAAC,OAAO,CAAC;KAC3C;IAED,QAAQ,SAAS,EAAE;QACjB,KAAK,4BAAqB,CAAC,QAAQ;YACjC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,0CAA0C,EAAE,CAAC;QAC5G,KAAK,4BAAqB,CAAC,KAAK;YAC9B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,4BAA4B,EAAE,CAAC;QACjG,KAAK,4BAAqB,CAAC,OAAO;YAChC,OAAO;gBACL,IAAI,EAAE,mBAAmB;gBACzB,IAAI,EAAE,sBAAsB;gBAC5B,KAAK,EAAE,KAAK;gBACZ,OAAO,EAAE,0BAA0B;aACpC,CAAC;QACJ,KAAK,4BAAqB,CAAC,QAAQ;YACjC,OAAO;gBACL,IAAI,EAAE,oBAAoB;gBAC1B,IAAI,EAAE,sBAAsB;gBAC5B,KAAK,EAAE,KAAK;gBACZ,OAAO,EAAE,+CAA+C;aACzD,CAAC;QACJ,KAAK,4BAAqB,CAAC,OAAO;YAChC,OAAO;gBACL,IAAI,EAAE,mBAAmB;gBACzB,IAAI,EAAE,sBAAsB;gBAC5B,KAAK,EAAE,KAAK;gBACZ,OAAO,EAAE,0BAA0B;aACpC,CAAC;KACL;IAED,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,sBAAsB,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,0BAA0B,EAAE,CAAC;AAC/G,CAAC;AAED,4BAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}

package/dist/components/QueryEditor/AccessoryButton.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccessoryButton = void 0;
-const tslib_1 = require("tslib");
-const css_1 = require("@emotion/css");
-const react_1 = tslib_1.__importDefault(require("react"));
-const ui_1 = require("@grafana/ui");
-const AccessoryButton = (_a) => {
-    var { className } = _a, props = tslib_1.__rest(_a, ["className"]);
-    const styles = (0, ui_1.useStyles2)(getButtonStyles);
-    return react_1.default.createElement(ui_1.Button, Object.assign({}, props, { className: (0, css_1.cx)(className, styles.button) }));
-};
-exports.AccessoryButton = AccessoryButton;
-const getButtonStyles = (theme) => ({
-    button: (0, css_1.css)({
-        paddingLeft: theme.spacing(3 / 2),
-        paddingRight: theme.spacing(3 / 2),
-    }),
-});
-//# sourceMappingURL=AccessoryButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccessoryButton.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/AccessoryButton.tsx"],"names":[],"mappings":";;;;AAAA,sCAAuC;AACvC,0DAA0B;AAG1B,oCAA8D;AAIvD,MAAM,eAAe,GAAG,CAAC,EAA6C,EAAE,EAAE;QAAjD,EAAE,SAAS,OAAkC,EAA7B,KAAK,sBAArB,aAAuB,CAAF;IACnD,MAAM,MAAM,GAAG,IAAA,eAAU,EAAC,eAAe,CAAC,CAAC;IAE3C,OAAO,8BAAC,WAAM,oBAAK,KAAK,IAAE,SAAS,EAAE,IAAA,QAAE,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;AACxE,CAAC,CAAC;AAJW,QAAA,eAAe,mBAI1B;AAEF,MAAM,eAAe,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,CAAC;IACjD,MAAM,EAAE,IAAA,SAAG,EAAC;QACV,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC;QACjC,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC;KACnC,CAAC;CACH,CAAC,CAAC"}

package/dist/components/QueryEditor/ConfirmModal.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfirmModal = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const ui_1 = require("@grafana/ui");
-function ConfirmModal({ isOpen, onCancel, onDiscard, onCopy }) {
-    const buttonRef = (0, react_1.useRef)(null);
-    // Moved from grafana/ui
-    (0, react_1.useEffect)(() => {
-        var _a;
-        // for some reason autoFocus property did no work on this button, but this does
-        if (isOpen) {
-            (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    }, [isOpen]);
-    return (react_1.default.createElement(ui_1.Modal, { title: react_1.default.createElement("div", { className: "modal-header-title" },
-            react_1.default.createElement(ui_1.Icon, { name: "exclamation-triangle", size: "lg" }),
-            react_1.default.createElement("span", { className: "p-l-1" }, "Warning")), onDismiss: onCancel, isOpen: isOpen },
-        react_1.default.createElement("p", null, "Builder mode does not display changes made in code. The query builder will display the last changes you made in builder mode."),
-        react_1.default.createElement("p", null, "Do you want to copy your code to the clipboard?"),
-        react_1.default.createElement(ui_1.Modal.ButtonRow, null,
-            react_1.default.createElement(ui_1.Button, { type: "button", variant: "secondary", onClick: onCancel, fill: "outline" }, "Cancel"),
-            react_1.default.createElement(ui_1.Button, { variant: "destructive", type: "button", onClick: onDiscard, ref: buttonRef }, "Discard code and switch"),
-            react_1.default.createElement(ui_1.Button, { variant: "primary", onClick: onCopy }, "Copy code and switch"))));
-}
-exports.ConfirmModal = ConfirmModal;
-//# sourceMappingURL=ConfirmModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/ConfirmModal.tsx"],"names":[],"mappings":";;;;AAAA,uDAAiD;AAEjD,oCAAkD;AAQlD,SAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAqB;IACrF,MAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAElD,wBAAwB;IACxB,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,+EAA+E;QAC/E,IAAI,MAAM,EAAE;YACV,MAAA,SAAS,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;SAC5B;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,8BAAC,UAAK,IACJ,KAAK,EACH,uCAAK,SAAS,EAAC,oBAAoB;YACjC,8BAAC,SAAI,IAAC,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAC,IAAI,GAAG;YAC9C,wCAAM,SAAS,EAAC,OAAO,cAAe,CAClC,EAER,SAAS,EAAE,QAAQ,EACnB,MAAM,EAAE,MAAM;QAEd,yKAGI;QACJ,2FAAsD;QACtD,8BAAC,UAAK,CAAC,SAAS;YACd,8BAAC,WAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAC,SAAS,aAElE;YACT,8BAAC,WAAM,IAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,8BAErE;YACT,8BAAC,WAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,2BAEhC,CACO,CACZ,CACT,CAAC;AACJ,CAAC;AAxCD,oCAwCC"}

package/dist/components/QueryEditor/DatasetSelector.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DatasetSelector = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const react_use_1 = require("react-use");
-const ui_1 = require("@grafana/ui");
-const types_1 = require("./types");
-const DatasetSelector = ({ db, dataset, value, onChange, disabled, className, applyDefault, }) => {
-    const state = (0, react_use_1.useAsync)(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        if (dataset) {
-            onChange((0, types_1.toOption)(dataset));
-            return [(0, types_1.toOption)(dataset)];
-        }
-        const datasets = yield db.datasets();
-        return datasets.map(types_1.toOption);
-    }), []);
-    (0, react_1.useEffect)(() => {
-        if (!applyDefault) {
-            return;
-        }
-        // Set default dataset when values are fetched
-        if (!value) {
-            if (state.value && state.value[0]) {
-                onChange(state.value[0]);
-            }
-        }
-        else {
-            if (state.value && state.value.find((v) => v.value === value) === undefined) {
-                // if value is set and newly fetched values does not contain selected value
-                if (state.value.length > 0) {
-                    onChange(state.value[0]);
-                }
-            }
-        }
-    }, [state.value, value, applyDefault, onChange]);
-    return (react_1.default.createElement(ui_1.Select, { className: className, "aria-label": "Dataset selector", value: value, options: state.value, onChange: onChange, disabled: disabled, isLoading: state.loading, menuShouldPortal: true }));
-};
-exports.DatasetSelector = DatasetSelector;
-//# sourceMappingURL=DatasetSelector.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DatasetSelector.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/DatasetSelector.tsx"],"names":[],"mappings":";;;;AAAA,uDAAyC;AACzC,yCAAqC;AAGrC,oCAAqC;AAErC,mCAA8D;AAWvD,MAAM,eAAe,GAAG,CAAC,EAC9B,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,GACS,EAAE,EAAE;IACzB,MAAM,KAAK,GAAG,IAAA,oBAAQ,EAAC,GAAS,EAAE;QAChC,IAAI,OAAO,EAAE;YACX,QAAQ,CAAC,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC,CAAC;YAC5B,OAAO,CAAC,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC,CAAC;SAC5B;QAED,MAAM,QAAQ,GAAG,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC;QACrC,OAAO,QAAQ,CAAC,GAAG,CAAC,gBAAQ,CAAC,CAAC;IAChC,CAAC,CAAA,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,EAAE;YACjB,OAAO;SACR;QACD,8CAA8C;QAC9C,IAAI,CAAC,KAAK,EAAE;YACV,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;gBACjC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;aAC1B;SACF;aAAM;YACL,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,SAAS,EAAE;gBAC3E,2EAA2E;gBAC3E,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;oBAC1B,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;iBAC1B;aACF;SACF;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEjD,OAAO,CACL,8BAAC,WAAM,IACL,SAAS,EAAE,SAAS,gBACT,kBAAkB,EAC7B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,KAAK,CAAC,OAAO,EACxB,gBAAgB,EAAE,IAAI,GACtB,CACH,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,eAAe,mBAkD1B"}

package/dist/components/QueryEditor/EditorField.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorField = void 0;
-const tslib_1 = require("tslib");
-const css_1 = require("@emotion/css");
-const react_1 = tslib_1.__importDefault(require("react"));
-const ui_1 = require("@grafana/ui");
-const EditorField = (props) => {
-    const { label, optional, tooltip, tooltipInteractive, children, width } = props, fieldProps = tslib_1.__rest(props, ["label", "optional", "tooltip", "tooltipInteractive", "children", "width"]);
-    const styles = (0, ui_1.useStyles2)(getStyles, width);
-    // Null check for backward compatibility
-    const childInputId = (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.htmlFor) || (ui_1.ReactUtils === null || ui_1.ReactUtils === void 0 ? void 0 : ui_1.ReactUtils.getChildId(children));
-    const labelEl = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("label", { className: styles.label, htmlFor: childInputId },
-            label,
-            optional && react_1.default.createElement("span", { className: styles.optional }, " - optional"),
-            tooltip && (react_1.default.createElement(ui_1.Tooltip, { placement: "top", content: tooltip, theme: "info", interactive: tooltipInteractive },
-                react_1.default.createElement(ui_1.Icon, { tabIndex: 0, name: "info-circle", size: "sm", className: styles.icon })))),
-        react_1.default.createElement(ui_1.Space, { v: 0.5 })));
-    return (react_1.default.createElement("div", { className: styles.root },
-        react_1.default.createElement(ui_1.Field, Object.assign({ className: styles.field, label: labelEl }, fieldProps), children)));
-};
-exports.EditorField = EditorField;
-const getStyles = (theme, width) => {
-    return {
-        root: (0, css_1.css)({
-            minWidth: theme.spacing(width !== null && width !== void 0 ? width : 0),
-        }),
-        label: (0, css_1.css)({
-            fontSize: 12,
-            fontWeight: theme.typography.fontWeightMedium,
-        }),
-        optional: (0, css_1.css)({
-            fontStyle: 'italic',
-            color: theme.colors.text.secondary,
-        }),
-        field: (0, css_1.css)({
-            marginBottom: 0, // GrafanaUI/Field has a bottom margin which we must remove
-        }),
-        icon: (0, css_1.css)({
-            color: theme.colors.text.secondary,
-            marginLeft: theme.spacing(1),
-            ':hover': {
-                color: theme.colors.text.primary,
-            },
-        }),
-    };
-};
-//# sourceMappingURL=EditorField.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditorField.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/EditorField.tsx"],"names":[],"mappings":";;;;AAAA,sCAAmC;AACnC,0DAA8C;AAG9C,oCAAkG;AAU3F,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,KAAK,KAAoB,KAAK,EAApB,UAAU,kBAAK,KAAK,EAAxF,2EAAgF,CAAQ,CAAC;IAE/F,MAAM,MAAM,GAAG,IAAA,eAAU,EAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAE5C,wCAAwC;IACxC,MAAM,YAAY,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,MAAI,eAAU,aAAV,eAAU,uBAAV,eAAU,CAAE,UAAU,CAAC,QAAQ,CAAC,CAAA,CAAC;IAE7E,MAAM,OAAO,GAAG,CACd;QACE,yCAAO,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,YAAY;YAClD,KAAK;YACL,QAAQ,IAAI,wCAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,kBAAoB;YAChE,OAAO,IAAI,CACV,8BAAC,YAAO,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,MAAM,EAAC,WAAW,EAAE,kBAAkB;gBACrF,8BAAC,SAAI,IAAC,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI,CAClE,CACX,CACK;QACR,8BAAC,UAAK,IAAC,CAAC,EAAE,GAAG,GAAI,CAChB,CACJ,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAE,MAAM,CAAC,IAAI;QACzB,8BAAC,UAAK,kBAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,IAAM,UAAU,GAC3D,QAAQ,CACH,CACJ,CACP,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,WAAW,eA8BtB;AAEF,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAE,KAAuB,EAAE,EAAE;IAClE,OAAO;QACL,IAAI,EAAE,IAAA,SAAG,EAAC;YACR,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,CAAC,CAAC;SACpC,CAAC;QACF,KAAK,EAAE,IAAA,SAAG,EAAC;YACT,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB;SAC9C,CAAC;QACF,QAAQ,EAAE,IAAA,SAAG,EAAC;YACZ,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS;SACnC,CAAC;QACF,KAAK,EAAE,IAAA,SAAG,EAAC;YACT,YAAY,EAAE,CAAC,EAAE,2DAA2D;SAC7E,CAAC;QACF,IAAI,EAAE,IAAA,SAAG,EAAC;YACR,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS;YAClC,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAC5B,QAAQ,EAAE;gBACR,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;aACjC;SACF,CAAC;KACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/QueryEditor/EditorFieldGroup.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorFieldGroup = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const EditorStack_1 = require("./EditorStack");
-const EditorFieldGroup = ({ children }) => {
-    return react_1.default.createElement(EditorStack_1.EditorStack, { gap: 1 }, children);
-};
-exports.EditorFieldGroup = EditorFieldGroup;
-//# sourceMappingURL=EditorFieldGroup.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditorFieldGroup.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/EditorFieldGroup.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,+CAA4C;AAMrC,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAyB,EAAE,EAAE;IACtE,OAAO,8BAAC,yBAAW,IAAC,GAAG,EAAE,CAAC,IAAG,QAAQ,CAAe,CAAC;AACvD,CAAC,CAAC;AAFW,QAAA,gBAAgB,oBAE3B"}

package/dist/components/QueryEditor/EditorHeader.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorHeader = void 0;
-const tslib_1 = require("tslib");
-const css_1 = require("@emotion/css");
-const react_1 = tslib_1.__importDefault(require("react"));
-const ui_1 = require("@grafana/ui");
-const EditorHeader = ({ children }) => {
-    const styles = (0, ui_1.useStyles2)(getStyles);
-    return react_1.default.createElement("div", { className: styles.root }, children);
-};
-exports.EditorHeader = EditorHeader;
-const getStyles = (theme) => ({
-    root: (0, css_1.css)({
-        display: 'flex',
-        flexWrap: 'wrap',
-        alignItems: 'center',
-        gap: theme.spacing(3),
-        minHeight: theme.spacing(4),
-    }),
-});
-//# sourceMappingURL=EditorHeader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditorHeader.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/EditorHeader.tsx"],"names":[],"mappings":";;;;AAAA,sCAAmC;AACnC,0DAA0B;AAG1B,oCAAyC;AAMlC,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IAC9D,MAAM,MAAM,GAAG,IAAA,eAAU,EAAC,SAAS,CAAC,CAAC;IAErC,OAAO,uCAAK,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,QAAQ,CAAO,CAAC;AACvD,CAAC,CAAC;AAJW,QAAA,YAAY,gBAIvB;AAEF,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,CAAC;IAC3C,IAAI,EAAE,IAAA,SAAG,EAAC;QACR,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACrB,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC5B,CAAC;CACH,CAAC,CAAC"}

package/dist/components/QueryEditor/EditorList.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorList = void 0;
-const tslib_1 = require("tslib");
-const ui_1 = require("@grafana/ui");
-const react_1 = tslib_1.__importDefault(require("react"));
-const EditorStack_1 = require("./EditorStack");
-exports.EditorList = react_1.default.forwardRef(function EditorList({ items, renderItem, onChange }, ref) {
-    const onAddItem = () => {
-        const newItems = [...items, {}];
-        onChange(newItems);
-    };
-    const onChangeItem = (itemIndex, newItem) => {
-        const newItems = [...items];
-        newItems[itemIndex] = newItem;
-        onChange(newItems);
-    };
-    const onDeleteItem = (itemIndex) => {
-        const newItems = [...items];
-        newItems.splice(itemIndex, 1);
-        onChange(newItems);
-    };
-    return (react_1.default.createElement(EditorStack_1.EditorStack, null,
-        items.map((item, index) => (react_1.default.createElement("div", { key: index }, renderItem(item, (newItem) => onChangeItem(index, newItem), () => onDeleteItem(index))))),
-        react_1.default.createElement(ui_1.Button, { ref: ref, onClick: onAddItem, variant: "secondary", size: "md", icon: "plus", "aria-label": "Add", type: "button" })));
-});
-//# sourceMappingURL=EditorList.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditorList.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/EditorList.tsx"],"names":[],"mappings":";;;;AAAA,oCAAqC;AACrC,0DAA0B;AAC1B,+CAA4C;AAY/B,QAAA,UAAU,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,UAAU,CAC5D,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAsB,EACnD,GAAiC;IAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,QAAQ,GAAG,CAAC,GAAG,KAAK,EAAE,EAAE,CAAC,CAAC;QAEhC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,SAAiB,EAAE,OAAmB,EAAE,EAAE;QAC9D,MAAM,QAAQ,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;QAC5B,QAAQ,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;QAC9B,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,SAAiB,EAAE,EAAE;QACzC,MAAM,QAAQ,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;QAC5B,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;QAC9B,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IACF,OAAO,CACL,8BAAC,yBAAW;QACT,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,uCAAK,GAAG,EAAE,KAAK,IACZ,UAAU,CACT,IAAI,EACJ,CAAC,OAAO,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,EACzC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAC1B,CACG,CACP,CAAC;QACF,8BAAC,WAAM,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,gBAAY,KAAK,EAAC,IAAI,EAAC,QAAQ,GAAG,CACrG,CACf,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/QueryEditor/EditorRow.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorRow = void 0;
-const tslib_1 = require("tslib");
-const css_1 = require("@emotion/css");
-const react_1 = tslib_1.__importDefault(require("react"));
-const ui_1 = require("@grafana/ui");
-const EditorStack_1 = require("./EditorStack");
-const EditorRow = ({ children }) => {
-    const styles = (0, ui_1.useStyles2)(getStyles);
-    return (react_1.default.createElement("div", { className: styles.root },
-        react_1.default.createElement(EditorStack_1.EditorStack, { gap: 2 }, children)));
-};
-exports.EditorRow = EditorRow;
-const getStyles = (theme) => {
-    return {
-        root: (0, css_1.css)({
-            padding: theme.spacing(1),
-            backgroundColor: theme.colors.background.secondary,
-            borderRadius: theme.shape.radius.default,
-        }),
-    };
-};
-//# sourceMappingURL=EditorRow.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditorRow.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/EditorRow.tsx"],"names":[],"mappings":";;;;AAAA,sCAAmC;AACnC,0DAA0B;AAI1B,oCAAyC;AACzC,+CAA4C;AAMrC,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAkB,EAAE,EAAE;IACxD,MAAM,MAAM,GAAG,IAAA,eAAU,EAAC,SAAS,CAAC,CAAC;IAErC,OAAO,CACL,uCAAK,SAAS,EAAE,MAAM,CAAC,IAAI;QACzB,8BAAC,yBAAW,IAAC,GAAG,EAAE,CAAC,IAAG,QAAQ,CAAe,CACzC,CACP,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,SAAS,aAQpB;AAEF,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;IACzC,OAAO;QACL,IAAI,EAAE,IAAA,SAAG,EAAC;YACR,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YACzB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,SAAS;YAClD,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;SACzC,CAAC;KACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/QueryEditor/EditorRows.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorRows = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const EditorStack_1 = require("./EditorStack");
-const EditorRows = ({ children }) => {
-    return (react_1.default.createElement(EditorStack_1.EditorStack, { gap: 0.5, direction: "column" }, children));
-};
-exports.EditorRows = EditorRows;
-//# sourceMappingURL=EditorRows.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditorRows.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/EditorRows.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,+CAA4C;AAMrC,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAmB,EAAE,EAAE;IAC1D,OAAO,CACL,8BAAC,yBAAW,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,QAAQ,IACtC,QAAQ,CACG,CACf,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,UAAU,cAMrB"}

package/dist/components/QueryEditor/EditorStack.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorStack = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const ui_1 = require("@grafana/ui");
-const EditorStack = (_a) => {
-    var _b, _c;
-    var { children, wrap: wrapItems = true } = _a, props = tslib_1.__rest(_a, ["children", "wrap"]);
-    return (react_1.default.createElement(ui_1.Stack, Object.assign({ wrap: wrapItems ? 'wrap' : undefined, direction: (_b = props.direction) !== null && _b !== void 0 ? _b : 'row', gap: (_c = props.gap) !== null && _c !== void 0 ? _c : 2 }, props), children));
-};
-exports.EditorStack = EditorStack;
-//# sourceMappingURL=EditorStack.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditorStack.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/EditorStack.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,oCAAoC;AAuB7B,MAAM,WAAW,GAAG,CAAC,EAA0D,EAAE,EAAE;;QAA9D,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI,OAAwB,EAAnB,KAAK,sBAA5C,oBAA8C,CAAF;IACtE,OAAO,CACL,8BAAC,UAAK,kBAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,KAAK,EAAE,GAAG,EAAE,MAAA,KAAK,CAAC,GAAG,mCAAI,CAAC,IAAM,KAAK,GAC7G,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,WAAW,eAMtB"}

package/dist/components/QueryEditor/EditorSwitch.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorSwitch = void 0;
-const tslib_1 = require("tslib");
-const css_1 = require("@emotion/css");
-const ui_1 = require("@grafana/ui");
-const react_1 = tslib_1.__importDefault(require("react"));
-// Wrapper component around <Switch /> that properly aligns it in <EditorField />
-const EditorSwitch = (props) => {
-    const styles = getStyles();
-    return (react_1.default.createElement("div", { className: styles.switch },
-        react_1.default.createElement(ui_1.Switch, Object.assign({}, props))));
-};
-exports.EditorSwitch = EditorSwitch;
-const getStyles = () => {
-    return {
-        switch: (0, css_1.css)({
-            display: 'flex',
-            alignItems: 'center',
-            minHeight: 30,
-        }),
-    };
-};
-//# sourceMappingURL=EditorSwitch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditorSwitch.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/EditorSwitch.tsx"],"names":[],"mappings":";;;;AAAA,sCAAmC;AACnC,oCAAqC;AACrC,0DAA8C;AAE9C,iFAAiF;AAC1E,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE;IACnE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,CACL,uCAAK,SAAS,EAAE,MAAM,CAAC,MAAM;QAC3B,8BAAC,WAAM,oBAAK,KAAK,EAAI,CACjB,CACP,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,YAAY,gBAQvB;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO;QACL,MAAM,EAAE,IAAA,SAAG,EAAC;YACV,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,EAAE;SACd,CAAC;KACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/QueryEditor/FlexItem.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FlexItem = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const FlexItem = ({ grow, shrink }) => {
-    return react_1.default.createElement("div", { style: { display: 'block', flexGrow: grow, flexShrink: shrink } });
-};
-exports.FlexItem = FlexItem;
-//# sourceMappingURL=FlexItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FlexItem.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/FlexItem.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAOnB,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAiB,EAAE,EAAE;IAC1D,OAAO,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,GAAI,CAAC;AAClF,CAAC,CAAC;AAFW,QAAA,QAAQ,YAEnB"}

package/dist/components/QueryEditor/InlineSelect.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InlineSelect = void 0;
-const tslib_1 = require("tslib");
-const css_1 = require("@emotion/css");
-const react_1 = tslib_1.__importStar(require("react"));
-const ui_1 = require("@grafana/ui");
-function InlineSelect(_a) {
-    var { label: labelProp } = _a, props = tslib_1.__rest(_a, ["label"]);
-    const [id] = (0, react_1.useState)(() => Math.random().toString(16).slice(2));
-    const styles = (0, ui_1.useStyles2)(getSelectStyles);
-    const components = {
-        SelectContainer,
-        ValueContainer,
-        SingleValue: ValueContainer,
-    };
-    return (react_1.default.createElement("div", { className: styles.root },
-        labelProp && (react_1.default.createElement("label", { className: styles.label, htmlFor: id },
-            labelProp,
-            ':',
-            "\u00A0")),
-        react_1.default.createElement(ui_1.Select, Object.assign({ openMenuOnFocus: true, inputId: id }, props, { components: components }))));
-}
-exports.InlineSelect = InlineSelect;
-const SelectContainer = (props) => {
-    const { children } = props;
-    const styles = (0, ui_1.useStyles2)(getSelectStyles);
-    return (react_1.default.createElement(ui_1.SelectContainer, Object.assign({}, props, { className: (0, css_1.cx)(props.className, styles.container) }), children));
-};
-const ValueContainer = (props) => {
-    const { className, children } = props;
-    const styles = (0, ui_1.useStyles2)(getSelectStyles);
-    return react_1.default.createElement("div", { className: (0, css_1.cx)(className, styles.valueContainer) }, children);
-};
-const getSelectStyles = (theme) => ({
-    root: (0, css_1.css)({
-        display: 'flex',
-        fontSize: 12,
-        alignItems: 'center',
-    }),
-    label: (0, css_1.css)({
-        color: theme.colors.text.secondary,
-        whiteSpace: 'nowrap',
-    }),
-    container: (0, css_1.css)({
-        background: 'none',
-        borderColor: 'transparent',
-    }),
-    valueContainer: (0, css_1.css)({
-        display: 'flex',
-        alignItems: 'center',
-        flex: 'initial',
-        color: theme.colors.text.secondary,
-        fontSize: 12,
-    }),
-});
-//# sourceMappingURL=InlineSelect.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InlineSelect.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/InlineSelect.tsx"],"names":[],"mappings":";;;;AAAA,sCAAuC;AACvC,uDAAwC;AAIxC,oCAMqB;AAMrB,SAAgB,YAAY,CAAI,EAAoD;QAApD,EAAE,KAAK,EAAE,SAAS,OAAkC,EAA7B,KAAK,sBAA5B,SAA8B,CAAF;IAC1D,MAAM,CAAC,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,MAAM,MAAM,GAAG,IAAA,eAAU,EAAC,eAAe,CAAC,CAAC;IAC3C,MAAM,UAAU,GAAG;QACjB,eAAe;QACf,cAAc;QACd,WAAW,EAAE,cAAc;KAC5B,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAE,MAAM,CAAC,IAAI;QACxB,SAAS,IAAI,CACZ,yCAAO,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;YACxC,SAAS;YACT,GAAG;qBACE,CACT;QACD,8BAAC,WAAM,kBAAC,eAAe,QAAC,OAAO,EAAE,EAAE,IAAM,KAAK,IAAE,UAAU,EAAE,UAAU,IAAI,CACtE,CACP,CAAC;AACJ,CAAC;AApBD,oCAoBC;AAED,MAAM,eAAe,GAAG,CACtB,KAAmD,EACnD,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,MAAM,MAAM,GAAG,IAAA,eAAU,EAAC,eAAe,CAAC,CAAC;IAE3C,OAAO,CACL,8BAAC,oBAAmB,oBAAK,KAAK,IAAE,SAAS,EAAE,IAAA,QAAE,EAAC,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,KAC7E,QAAQ,CACW,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CACrB,KAAmD,EACnD,EAAE;IACF,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACtC,MAAM,MAAM,GAAG,IAAA,eAAU,EAAC,eAAe,CAAC,CAAC;IAE3C,OAAO,uCAAK,SAAS,EAAE,IAAA,QAAE,EAAC,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,IAAG,QAAQ,CAAO,CAAC;AAChF,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,CAAC;IACjD,IAAI,EAAE,IAAA,SAAG,EAAC;QACR,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,QAAQ;KACrB,CAAC;IAEF,KAAK,EAAE,IAAA,SAAG,EAAC;QACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS;QAClC,UAAU,EAAE,QAAQ;KACrB,CAAC;IAEF,SAAS,EAAE,IAAA,SAAG,EAAC;QACb,UAAU,EAAE,MAAM;QAClB,WAAW,EAAE,aAAa;KAC3B,CAAC;IAEF,cAAc,EAAE,IAAA,SAAG,EAAC;QAClB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS;QAClC,QAAQ,EAAE,EAAE;KACb,CAAC;CACH,CAAC,CAAC"}

package/dist/components/QueryEditor/InputGroup.js

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputGroup = void 0;
-const tslib_1 = require("tslib");
-const css_1 = require("@emotion/css");
-const ui_1 = require("@grafana/ui");
-const react_1 = tslib_1.__importStar(require("react"));
-const InputGroup = ({ children }) => {
-    const styles = (0, ui_1.useStyles2)(getStyles);
-    // Find children with an invalid prop, and set a class name to raise their z-index so all
-    // of the invalid border is visible
-    const modifiedChildren = react_1.Children.map(children, (child) => {
-        if ((0, react_1.isValidElement)(child) && child.props.invalid) {
-            return (0, react_1.cloneElement)(child, { className: (0, css_1.cx)(child.props.className, styles.invalidChild) });
-        }
-        return child;
-    });
-    return react_1.default.createElement("div", { className: styles.root }, modifiedChildren);
-};
-exports.InputGroup = InputGroup;
-// The later in the array the higher the priority for showing that element's border
-const borderPriority = [
-    '',
-    'base',
-    'hovered',
-    'invalid',
-    'focused',
-];
-const getStyles = () => ({
-    root: (0, css_1.css)({
-        display: 'flex',
-        // Style the direct children of the component
-        '> *': {
-            '&:not(:first-child)': {
-                // Negative margin hides the double-border on adjacent selects
-                marginLeft: -1,
-            },
-            '&:first-child': {
-                borderTopRightRadius: 0,
-                borderBottomRightRadius: 0,
-            },
-            '&:last-child': {
-                borderTopLeftRadius: 0,
-                borderBottomLeftRadius: 0,
-            },
-            '&:not(:first-child):not(:last-child)': {
-                borderRadius: 0,
-            },
-            //
-            position: 'relative',
-            zIndex: borderPriority.indexOf('base'),
-            // Adjacent borders are overlapping, so raise children up when hovering etc
-            // so all that child's borders are visible.
-            '&:hover': {
-                zIndex: borderPriority.indexOf('hovered'),
-            },
-            '&:focus-within': {
-                zIndex: borderPriority.indexOf('focused'),
-            },
-        },
-    }),
-    invalidChild: (0, css_1.css)({
-        zIndex: borderPriority.indexOf('invalid'),
-    }),
-});
-//# sourceMappingURL=InputGroup.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/InputGroup.tsx"],"names":[],"mappings":";;;;AAAA,sCAAuC;AACvC,oCAAyC;AACzC,uDAAoF;AAQ7E,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAmB,EAAE,EAAE;IAC1D,MAAM,MAAM,GAAG,IAAA,eAAU,EAAC,SAAS,CAAC,CAAC;IAErC,yFAAyF;IACzF,mCAAmC;IACnC,MAAM,gBAAgB,GAAG,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACxD,IAAI,IAAA,sBAAc,EAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE;YAChD,OAAO,IAAA,oBAAY,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,IAAA,QAAE,EAAC,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;SAC3F;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,OAAO,uCAAK,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,gBAAgB,CAAO,CAAC;AAC/D,CAAC,CAAC;AAdW,QAAA,UAAU,cAcrB;AAEF,mFAAmF;AACnF,MAAM,cAAc,GAAG;IACrB,EAAW;IACX,MAAe;IACf,SAAkB;IAClB,SAAkB;IAClB,SAAkB;CACnB,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAAC;IACvB,IAAI,EAAE,IAAA,SAAG,EAAC;QACR,OAAO,EAAE,MAAM;QAEf,6CAA6C;QAC7C,KAAK,EAAE;YACL,qBAAqB,EAAE;gBACrB,8DAA8D;gBAC9D,UAAU,EAAE,CAAC,CAAC;aACf;YAED,eAAe,EAAE;gBACf,oBAAoB,EAAE,CAAC;gBACvB,uBAAuB,EAAE,CAAC;aAC3B;YAED,cAAc,EAAE;gBACd,mBAAmB,EAAE,CAAC;gBACtB,sBAAsB,EAAE,CAAC;aAC1B;YAED,sCAAsC,EAAE;gBACtC,YAAY,EAAE,CAAC;aAChB;YAED,EAAE;YACF,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC;YAEtC,2EAA2E;YAC3E,2CAA2C;YAC3C,SAAS,EAAE;gBACT,MAAM,EAAE,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC;aAC1C;YACD,gBAAgB,EAAE;gBAChB,MAAM,EAAE,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC;aAC1C;SACF;KACF,CAAC;IAEF,YAAY,EAAE,IAAA,SAAG,EAAC;QAChB,MAAM,EAAE,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC;KAC1C,CAAC;CACH,CAAC,CAAC"}