@grafana/plugin-ui 0.1.10

package/dist/components/DatePickerWithInput/DatePickerWithInput.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerWithInput = exports.formatDate = void 0;
+const tslib_1 = require("tslib");
+const ui_1 = require("@grafana/ui");
+const react_1 = tslib_1.__importDefault(require("react"));
+const DatePicker_1 = require("../DatePicker/DatePicker");
+require("./style.css");
+const formatDate = (date) => date.toISOString().split('T')[0];
+exports.formatDate = formatDate;
+const DatePickerWithInput = (props) => {
+    const { value, onChange } = props, rest = tslib_1.__rest(props, ["value", "onChange"]);
+    const [open, setOpen] = react_1.default.useState(false);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(ui_1.Input, Object.assign({ type: 'date', placeholder: 'Date', value: (0, exports.formatDate)(value || new Date()), onClick: () => setOpen(true), onChange: () => { } }, rest)),
+        react_1.default.createElement(DatePicker_1.DatePicker, { isOpen: open, value: value, onChange: (ev) => onChange(ev), onClose: () => setOpen(false) })));
+};
+exports.DatePickerWithInput = DatePickerWithInput;
+//# sourceMappingURL=DatePickerWithInput.js.map

package/dist/components/DatePickerWithInput/DatePickerWithInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerWithInput.js","sourceRoot":"","sources":["../../../src/components/DatePickerWithInput/DatePickerWithInput.tsx"],"names":[],"mappings":";;;;AAAA,oCAAoC;AACpC,0DAA0B;AAC1B,yDAAsD;AAEtD,uBAAqB;AAEd,MAAM,UAAU,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAA9D,QAAA,UAAU,cAAoD;AAQpE,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EAAE,KAAK,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,kBAAK,KAAK,EAApC,qBAA4B,CAAQ,CAAC;IAE3C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACL;QACE,8BAAC,UAAK,kBACJ,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,MAAM,EAClB,KAAK,EAAE,IAAA,kBAAU,EAAC,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC5B,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,IACd,IAAI,EACR;QACF,8BAAC,uBAAU,IACT,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,EAAO,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAC7B,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,mBAAmB,uBAuB9B"}

package/dist/components/DatePickerWithInput/style.css

@@ -0,0 +1,6 @@
+/* hides the native Calendar picker icon given when using type=date */
+input[type='date']::-webkit-inner-spin-button,
+input[type='date']::-webkit-calendar-picker-indicator {
+  display: none;
+  -webkit-appearance: none;
+}

package/dist/components/DebounceInput/DebounceInput.js

@@ -0,0 +1,17 @@
+"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);
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"DebounceInput.js","sourceRoot":"","sources":["../../../src/components/DebounceInput/DebounceInput.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,oCAAoC;AAEpC,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,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,CACL,8BAAC,UAAK,kBACJ,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAClD,KAAK,EAAE,KAAK,IACR,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,aAAa,iBAgBxB"}

package/dist/components/Plugins/PluginSignatureBadge.js

@@ -0,0 +1,65 @@
+"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

@@ -0,0 +1 @@
+{"version":3,"file":"PluginSignatureBadge.js","sourceRoot":"","sources":["../../../src/components/Plugins/PluginSignatureBadge.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8C;AAC9C,oCAAgD;AAChD,wCAAuE;AAMhE,MAAM,oBAAoB,GAAoB,CAAC,EAAyB,EAAE,EAAE;QAA7B,EAAE,MAAM,OAAiB,EAAZ,UAAU,sBAAvB,UAAyB,CAAF;IAC3E,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

@@ -0,0 +1,21 @@
+"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 theme = (0, ui_1.useTheme2)();
+    const styles = getButtonStyles(theme);
+    return react_1.default.createElement(ui_1.Button, Object.assign({}, props, { className: (0, css_1.cx)(className, styles.button) }));
+};
+exports.AccessoryButton = AccessoryButton;
+const getButtonStyles = (0, ui_1.stylesFactory)((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

@@ -0,0 +1 @@
+{"version":3,"file":"AccessoryButton.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/AccessoryButton.tsx"],"names":[],"mappings":";;;;AAAA,sCAAuC;AACvC,0DAA0B;AAG1B,oCAA4E;AAIrE,MAAM,eAAe,GAAmC,CAAC,EAAuB,EAAE,EAAE;QAA3B,EAAE,SAAS,OAAY,EAAP,KAAK,sBAArB,aAAuB,CAAF;IACnF,MAAM,KAAK,GAAG,IAAA,cAAS,GAAE,CAAC;IAC1B,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAEtC,OAAO,8BAAC,WAAM,oBAAK,KAAK,IAAE,SAAS,EAAE,IAAA,QAAE,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;AACxE,CAAC,CAAC;AALW,QAAA,eAAe,mBAK1B;AAEF,MAAM,eAAe,GAAG,IAAA,kBAAa,EAAC,CAAC,KAAoB,EAAE,EAAE,CAAC,CAAC;IAC/D,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,CAAC"}

package/dist/components/QueryEditor/ConfirmModal.js

@@ -0,0 +1,28 @@
+"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

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

@@ -0,0 +1,36 @@
+"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, value, onChange, disabled, className, applyDefault, }) => {
+    const state = (0, react_use_1.useAsync)(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        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

@@ -0,0 +1 @@
+{"version":3,"file":"DatasetSelector.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/DatasetSelector.tsx"],"names":[],"mappings":";;;;AAAA,uDAAyC;AACzC,yCAAqC;AAGrC,oCAAqC;AAErC,mCAA8D;AAUvD,MAAM,eAAe,GAAmC,CAAC,EAC9D,EAAE,EACF,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,GACb,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,oBAAQ,EAAC,GAAS,EAAE;QAChC,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;AA5CW,QAAA,eAAe,mBA4C1B"}

package/dist/components/QueryEditor/EditorField.js

@@ -0,0 +1,51 @@
+"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 Space_1 = require("./Space");
+const ui_1 = require("@grafana/ui");
+const EditorField = (props) => {
+    const { label, optional, tooltip, children, width } = props, fieldProps = tslib_1.__rest(props, ["label", "optional", "tooltip", "children", "width"]);
+    const theme = (0, ui_1.useTheme2)();
+    const styles = getStyles(theme, 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" },
+                react_1.default.createElement(ui_1.Icon, { name: "info-circle", size: "sm", className: styles.icon })))),
+        react_1.default.createElement(Space_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 = (0, ui_1.stylesFactory)((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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorField.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/EditorField.tsx"],"names":[],"mappings":";;;;AAAA,sCAAmC;AACnC,0DAA8C;AAG9C,mCAAgC;AAChC,oCAAyG;AAUlG,MAAM,WAAW,GAA+B,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,KAAoB,KAAK,EAApB,UAAU,kBAAK,KAAK,EAApE,qDAA4D,CAAQ,CAAC;IAE3E,MAAM,KAAK,GAAG,IAAA,cAAS,GAAE,CAAC;IAC1B,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAEvC,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;gBACrD,8BAAC,SAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI,CACrD,CACX,CACK;QACR,8BAAC,aAAK,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;AA/BW,QAAA,WAAW,eA+BtB;AAEF,MAAM,SAAS,GAAG,IAAA,kBAAa,EAAC,CAAC,KAAoB,EAAE,KAAuB,EAAE,EAAE;IAChF,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,CAAC"}

package/dist/components/QueryEditor/EditorFieldGroup.js

@@ -0,0 +1,11 @@
+"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 Stack_1 = require("./Stack");
+const EditorFieldGroup = ({ children }) => {
+    return react_1.default.createElement(Stack_1.Stack, { gap: 1 }, children);
+};
+exports.EditorFieldGroup = EditorFieldGroup;
+//# sourceMappingURL=EditorFieldGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorFieldGroup.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/EditorFieldGroup.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,mCAAgC;AAIzB,MAAM,gBAAgB,GAAoC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAChF,OAAO,8BAAC,aAAK,IAAC,GAAG,EAAE,CAAC,IAAG,QAAQ,CAAS,CAAC;AAC3C,CAAC,CAAC;AAFW,QAAA,gBAAgB,oBAE3B"}

package/dist/components/QueryEditor/EditorHeader.js

@@ -0,0 +1,23 @@
+"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 theme = (0, ui_1.useTheme2)();
+    const styles = getStyles(theme);
+    return react_1.default.createElement("div", { className: styles.root }, children);
+};
+exports.EditorHeader = EditorHeader;
+const getStyles = (0, ui_1.stylesFactory)((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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorHeader.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/EditorHeader.tsx"],"names":[],"mappings":";;;;AAAA,sCAAmC;AACnC,0DAA0B;AAG1B,oCAAuD;AAIhD,MAAM,YAAY,GAAgC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxE,MAAM,KAAK,GAAG,IAAA,cAAS,GAAE,CAAC;IAC1B,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,uCAAK,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,QAAQ,CAAO,CAAC;AACvD,CAAC,CAAC;AALW,QAAA,YAAY,gBAKvB;AAEF,MAAM,SAAS,GAAG,IAAA,kBAAa,EAAC,CAAC,KAAoB,EAAE,EAAE,CAAC,CAAC;IACzD,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,CAAC"}

package/dist/components/QueryEditor/EditorList.js

@@ -0,0 +1,28 @@
+"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 Stack_1 = require("./Stack");
+function EditorList({ items, renderItem, onChange }) {
+    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(Stack_1.Stack, 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, { onClick: onAddItem, variant: "secondary", size: "md", icon: "plus", "aria-label": "Add", type: "button" })));
+}
+exports.EditorList = EditorList;
+//# sourceMappingURL=EditorList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorList.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/EditorList.tsx"],"names":[],"mappings":";;;;AAAA,oCAAqC;AACrC,0DAA0B;AAE1B,mCAAgC;AAYhC,SAAgB,UAAU,CAAI,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAsB;IAC/E,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,aAAK;QACH,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,OAAO,EAAE,SAAS,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,gBAAY,KAAK,EAAC,IAAI,EAAC,QAAQ,GAAG,CACjG,CACT,CAAC;AACJ,CAAC;AAhCD,gCAgCC"}

package/dist/components/QueryEditor/EditorRow.js

@@ -0,0 +1,24 @@
+"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 Stack_1 = require("./Stack");
+const ui_1 = require("@grafana/ui");
+const EditorRow = ({ children }) => {
+    const styles = (0, ui_1.useStyles2)(getStyles);
+    return (react_1.default.createElement("div", { className: styles.root },
+        react_1.default.createElement(Stack_1.Stack, { 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.borderRadius(1),
+        }),
+    };
+};
+//# sourceMappingURL=EditorRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorRow.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/EditorRow.tsx"],"names":[],"mappings":";;;;AAAA,sCAAmC;AACnC,0DAA0B;AAI1B,mCAAgC;AAChC,oCAAyC;AAIlC,MAAM,SAAS,GAA6B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClE,MAAM,MAAM,GAAG,IAAA,eAAU,EAAC,SAAS,CAAC,CAAC;IAErC,OAAO,CACL,uCAAK,SAAS,EAAE,MAAM,CAAC,IAAI;QACzB,8BAAC,aAAK,IAAC,GAAG,EAAE,CAAC,IAAG,QAAQ,CAAS,CAC7B,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,YAAY,CAAC,CAAC,CAAC;SAC1C,CAAC;KACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/QueryEditor/EditorRows.js

@@ -0,0 +1,11 @@
+"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 Stack_1 = require("./Stack");
+const EditorRows = ({ children }) => {
+    return (react_1.default.createElement(Stack_1.Stack, { gap: 0.5, direction: "column" }, children));
+};
+exports.EditorRows = EditorRows;
+//# sourceMappingURL=EditorRows.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorRows.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/EditorRows.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,mCAAgC;AAIzB,MAAM,UAAU,GAA8B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpE,OAAO,CACL,8BAAC,aAAK,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,QAAQ,IAChC,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,UAAU,cAMrB"}

package/dist/components/QueryEditor/EditorSwitch.js

@@ -0,0 +1,24 @@
+"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

@@ -0,0 +1 @@
+{"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,GAA4C,CAAC,KAAK,EAAE,EAAE;IAC7E,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/ErrorBoundary.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorBoundary = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+class ErrorBoundary extends react_1.default.Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError() {
+        return { hasError: true };
+    }
+    render() {
+        if (this.state.hasError) {
+            const FallBack = this.props.fallBackComponent || react_1.default.createElement("div", null, "Error");
+            return FallBack;
+        }
+        return this.props.children;
+    }
+}
+exports.ErrorBoundary = ErrorBoundary;
+//# sourceMappingURL=ErrorBoundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/ErrorBoundary.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAM1B,MAAa,aAAc,SAAQ,eAAK,CAAC,SAAuC;IAC9E,YAAY,KAAY;QACtB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IACnC,CAAC;IAED,MAAM,CAAC,wBAAwB;QAC7B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC5B,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,IAAI,mDAAgB,CAAC;YAClE,OAAO,QAAQ,CAAC;SACjB;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF;AAlBD,sCAkBC"}

package/dist/components/QueryEditor/FlexItem.js

@@ -0,0 +1,10 @@
+"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

@@ -0,0 +1 @@
+{"version":3,"file":"FlexItem.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/FlexItem.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAOnB,MAAM,QAAQ,GAA4B,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE;IACpE,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

@@ -0,0 +1,60 @@
+"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 theme = (0, ui_1.useTheme2)();
+    const [id] = (0, react_1.useState)(() => Math.random().toString(16).slice(2));
+    const styles = getSelectStyles(theme);
+    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(Select, Object.assign({ openMenuOnFocus: true, inputId: id }, props, { components: components }))));
+}
+exports.InlineSelect = InlineSelect;
+const SelectContainer = (props) => {
+    const { children } = props;
+    const theme = (0, ui_1.useTheme2)();
+    const styles = getSelectStyles(theme);
+    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 theme = (0, ui_1.useTheme2)();
+    const styles = getSelectStyles(theme);
+    return react_1.default.createElement("div", { className: (0, css_1.cx)(className, styles.valueContainer) }, children);
+};
+const getSelectStyles = (0, ui_1.stylesFactory)((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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineSelect.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/InlineSelect.tsx"],"names":[],"mappings":";;;;AAAA,sCAAuC;AACvC,uDAAwC;AAIxC,oCAAyI;AAMzI,SAAgB,YAAY,CAAI,EAAoD;QAApD,EAAE,KAAK,EAAE,SAAS,OAAkC,EAA7B,KAAK,sBAA5B,SAA8B,CAAF;IAC1D,MAAM,KAAK,GAAG,IAAA,cAAS,GAAE,CAAC;IAC1B,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,eAAe,CAAC,KAAK,CAAC,CAAC;IACtC,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;QAED,8BAAC,MAAM,kBAAC,eAAe,QAAC,OAAO,EAAE,EAAE,IAAM,KAAK,IAAE,UAAU,EAAE,UAAU,IAAI,CACtE,CACP,CAAC;AACJ,CAAC;AAtBD,oCAsBC;AAED,MAAM,eAAe,GAAG,CACtB,KAAmD,EACnD,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,MAAM,KAAK,GAAG,IAAA,cAAS,GAAE,CAAC;IAC1B,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAEtC,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,KAAK,GAAG,IAAA,cAAS,GAAE,CAAC;IAC1B,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAEtC,OAAO,uCAAK,SAAS,EAAE,IAAA,QAAE,EAAC,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,IAAG,QAAQ,CAAO,CAAC;AAChF,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,kBAAa,EAAC,CAAC,KAAoB,EAAE,EAAE,CAAC,CAAC;IAC/D,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,CAAC"}

package/dist/components/QueryEditor/InputGroup.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputGroup = 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 InputGroup = ({ children }) => {
+    const theme = (0, ui_1.useTheme2)();
+    const styles = useStyles(theme);
+    return react_1.default.createElement("div", { className: styles.root }, children);
+};
+exports.InputGroup = InputGroup;
+const useStyles = (0, ui_1.stylesFactory)((theme) => ({
+    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: 1,
+            '&:hover': {
+                zIndex: 2,
+            },
+            '&:focus-within': {
+                zIndex: 2,
+            },
+        },
+    }),
+}));
+//# sourceMappingURL=InputGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/InputGroup.tsx"],"names":[],"mappings":";;;;AAAA,sCAAmC;AACnC,0DAA0B;AAG1B,oCAAuD;AAIhD,MAAM,UAAU,GAA8B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpE,MAAM,KAAK,GAAG,IAAA,cAAS,GAAE,CAAC;IAC1B,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,uCAAK,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,QAAQ,CAAO,CAAC;AACvD,CAAC,CAAC;AALW,QAAA,UAAU,cAKrB;AAEF,MAAM,SAAS,GAAG,IAAA,kBAAa,EAAC,CAAC,KAAoB,EAAE,EAAE,CAAC,CAAC;IACzD,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;YAET,SAAS,EAAE;gBACT,MAAM,EAAE,CAAC;aACV;YACD,gBAAgB,EAAE;gBAChB,MAAM,EAAE,CAAC;aACV;SACF;KACF,CAAC;CACH,CAAC,CAAC,CAAC"}