@grafana/plugin-ui 0.8.0 → 0.9.0

package/dist/components/DatePicker/DatePicker.js

@@ -14,16 +14,18 @@ exports.DatePicker = (0, react_1.memo)((props) => {
         return null;
     }
     return (react_1.default.createElement(ui_1.ClickOutsideWrapper, { useCapture: true, includeButtonPress: false, onClick: onClose },
-        react_1.default.createElement("div", { className: styles.modal, "data-testid": 'date-picker' },
+        react_1.default.createElement("div", { className: styles.modal, "data-testid": "date-picker" },
             react_1.default.createElement(Body, Object.assign({}, props)))));
 });
+exports.DatePicker.displayName = 'DatePicker';
 const Body = (0, react_1.memo)(({ value, onChange }) => {
     const theme = (0, ui_1.useTheme2)();
     const styles = (0, styles_1.getBodyStyles)(theme);
-    return (react_1.default.createElement(react_calendar_1.default, { className: styles.body, tileClassName: styles.title, value: value || new Date(), nextLabel: react_1.default.createElement(ui_1.Icon, { name: 'angle-right' }), prevLabel: react_1.default.createElement(ui_1.Icon, { name: 'angle-left' }), onChange: (ev) => {
+    return (react_1.default.createElement(react_calendar_1.default, { className: styles.body, tileClassName: styles.title, value: value || new Date(), nextLabel: react_1.default.createElement(ui_1.Icon, { name: "angle-right" }), prevLabel: react_1.default.createElement(ui_1.Icon, { name: "angle-left" }), onChange: (ev) => {
             if (!Array.isArray(ev)) {
                 onChange(ev);
             }
-        }, locale: 'en' }));
+        }, locale: "en" }));
 });
+Body.displayName = 'Body';
 //# sourceMappingURL=DatePicker.js.map

package/dist/components/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;AAAA,uDAAoC;AACpC,4EAAsC;AACtC,oCAAmE;AACnE,qCAAoD;AASvC,QAAA,UAAU,GAAG,IAAA,YAAI,EAAkB,CAAC,KAAK,EAAE,EAAE;IACxD,MAAM,KAAK,GAAG,IAAA,cAAS,GAAE,CAAC;IAC1B,MAAM,MAAM,GAAG,IAAA,kBAAS,EAAC,KAAK,CAAC,CAAC;IAChC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAElC,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,8BAAC,wBAAmB,IAClB,UAAU,EAAE,IAAI,EAChB,kBAAkB,EAAE,KAAK,EACzB,OAAO,EAAE,OAAO;QAEhB,uCAAK,SAAS,EAAE,MAAM,CAAC,KAAK,iBAAc,aAAa;YACrD,8BAAC,IAAI,oBAAK,KAAK,EAAI,CACf,CACc,CACvB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,IAAI,GAAG,IAAA,YAAI,EAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzD,MAAM,KAAK,GAAG,IAAA,cAAS,GAAE,CAAC;IAC1B,MAAM,MAAM,GAAG,IAAA,sBAAa,EAAC,KAAK,CAAC,CAAC;IAEpC,OAAO,CACL,8BAAC,wBAAQ,IACP,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,aAAa,EAAE,MAAM,CAAC,KAAK,EAC3B,KAAK,EAAE,KAAK,IAAI,IAAI,IAAI,EAAE,EAC1B,SAAS,EAAE,8BAAC,SAAI,IAAC,IAAI,EAAC,aAAa,GAAG,EACtC,SAAS,EAAE,8BAAC,SAAI,IAAC,IAAI,EAAC,YAAY,GAAG,EACrC,QAAQ,EAAE,CAAC,EAAO,EAAE,EAAE;YACpB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;gBACtB,QAAQ,CAAC,EAAE,CAAC,CAAC;aACd;QACH,CAAC,EACD,MAAM,EAAC,IAAI,GACX,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;AAAA,uDAAoC;AACpC,4EAAsC;AACtC,oCAAmE;AACnE,qCAAoD;AASvC,QAAA,UAAU,GAAG,IAAA,YAAI,EAAkB,CAAC,KAAK,EAAE,EAAE;IACxD,MAAM,KAAK,GAAG,IAAA,cAAS,GAAE,CAAC;IAC1B,MAAM,MAAM,GAAG,IAAA,kBAAS,EAAC,KAAK,CAAC,CAAC;IAChC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAElC,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,8BAAC,wBAAmB,IAAC,UAAU,EAAE,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO;QAChF,uCAAK,SAAS,EAAE,MAAM,CAAC,KAAK,iBAAc,aAAa;YACrD,8BAAC,IAAI,oBAAK,KAAK,EAAI,CACf,CACc,CACvB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,IAAI,GAAG,IAAA,YAAI,EAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzD,MAAM,KAAK,GAAG,IAAA,cAAS,GAAE,CAAC;IAC1B,MAAM,MAAM,GAAG,IAAA,sBAAa,EAAC,KAAK,CAAC,CAAC;IAEpC,OAAO,CACL,8BAAC,wBAAQ,IACP,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,aAAa,EAAE,MAAM,CAAC,KAAK,EAC3B,KAAK,EAAE,KAAK,IAAI,IAAI,IAAI,EAAE,EAC1B,SAAS,EAAE,8BAAC,SAAI,IAAC,IAAI,EAAC,aAAa,GAAG,EACtC,SAAS,EAAE,8BAAC,SAAI,IAAC,IAAI,EAAC,YAAY,GAAG,EACrC,QAAQ,EAAE,CAAC,EAAO,EAAE,EAAE;YACpB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;gBACtB,QAAQ,CAAC,EAAE,CAAC,CAAC;aACd;QACH,CAAC,EACD,MAAM,EAAC,IAAI,GACX,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/components/DatePicker/styles.js

@@ -2,10 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getBodyStyles = exports.getStyles = void 0;
 const css_1 = require("@emotion/css");
-exports.getStyles = ((theme) => {
-    const containerBorder = theme.isDark
-        ? theme.v1.palette.dark9
-        : theme.v1.palette.gray5;
+const getStyles = (theme) => {
+    const containerBorder = theme.isDark ? theme.v1.palette.dark9 : theme.v1.palette.gray5;
     return {
         container: (0, css_1.css) `
       top: -1px;
@@ -48,11 +46,10 @@ exports.getStyles = ((theme) => {
       text-align: center;
     `,
     };
-});
-exports.getBodyStyles = ((theme) => {
-    const containerBorder = theme.isDark
-        ? theme.v1.palette.dark9
-        : theme.v1.palette.gray5;
+};
+exports.getStyles = getStyles;
+const getBodyStyles = (theme) => {
+    const containerBorder = theme.isDark ? theme.v1.palette.dark9 : theme.v1.palette.gray5;
     return {
         title: (0, css_1.css) `
       color: ${theme.colors.text};
@@ -152,5 +149,6 @@ exports.getBodyStyles = ((theme) => {
       }
     `,
     };
-});
+};
+exports.getBodyStyles = getBodyStyles;
 //# sourceMappingURL=styles.js.map

package/dist/components/DatePicker/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/DatePicker/styles.ts"],"names":[],"mappings":";;;AACA,sCAAmC;AAEtB,QAAA,SAAS,GAAG,CAAC,CAAC,KAAoB,EAAE,EAAE;IACjD,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM;QAClC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK;QACxB,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;IAE3B,OAAO;QACL,SAAS,EAAE,IAAA,SAAG,EAAA;;;;iCAIe,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,cAAc;0BACrC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM;;0BAEtB,eAAe;;;;;4BAKb,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM;;;;;;;iCAOjB,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO;;KAEnD;QACD,KAAK,EAAE,IAAA,SAAG,EAAA;iBACG,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK;KACjC;QACD,OAAO,EAAE,IAAA,SAAG,EAAA;;;KAGX;QACD,QAAQ,EAAE,IAAA,SAAG,EAAA;;;;;;;;iBAQA,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,aAAa;;KAEzC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,aAAa,GAAG,CAAC,CAAC,KAAoB,EAAE,EAAE;IACrD,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM;QAClC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK;QACxB,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;IAE3B,OAAO;QACL,KAAK,EAAE,IAAA,SAAG,EAAA;eACC,KAAK,CAAC,MAAM,CAAC,IAAI;0BACN,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM;mBAC7B,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;;;;;;KAMzC;QACD,IAAI,EAAE,IAAA,SAAG,EAAA;iBACI,KAAK,CAAC,MAAM,CAAC,KAAK;;0BAET,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM;;;iCAGf,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,cAAc;0BACrC,eAAe;;;;;;;;iBAQxB,KAAK,CAAC,MAAM,CAAC,IAAI;;uBAEX,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ;;;;;;iBAMzC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA8BvB,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK;uBAChB,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ;sBACpC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM;;;;;;;;;iBAS5B,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK;uBAChB,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ;sBACpC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM;;;8BAGf,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM;;;;;;;;;;;;;;;;;KAiBhD;KACF,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/DatePicker/styles.ts"],"names":[],"mappings":";;;AACA,sCAAmC;AAE5B,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;IAChD,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;IAEvF,OAAO;QACL,SAAS,EAAE,IAAA,SAAG,EAAA;;;;iCAIe,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,cAAc;0BACrC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM;;0BAEtB,eAAe;;;;;4BAKb,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM;;;;;;;iCAOjB,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO;;KAEnD;QACD,KAAK,EAAE,IAAA,SAAG,EAAA;iBACG,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK;KACjC;QACD,OAAO,EAAE,IAAA,SAAG,EAAA;;;KAGX;QACD,QAAQ,EAAE,IAAA,SAAG,EAAA;;;;;;;;iBAQA,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,aAAa;;KAEzC;KACF,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,SAAS,aA6CpB;AAEK,MAAM,aAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;IACpD,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;IAEvF,OAAO;QACL,KAAK,EAAE,IAAA,SAAG,EAAA;eACC,KAAK,CAAC,MAAM,CAAC,IAAI;0BACN,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM;mBAC7B,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;;;;;;KAMzC;QACD,IAAI,EAAE,IAAA,SAAG,EAAA;iBACI,KAAK,CAAC,MAAM,CAAC,KAAK;;0BAET,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM;;;iCAGf,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,cAAc;0BACrC,eAAe;;;;;;;;iBAQxB,KAAK,CAAC,MAAM,CAAC,IAAI;;uBAEX,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ;;;;;;iBAMzC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA8BvB,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK;uBAChB,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ;sBACpC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM;;;;;;;;;iBAS5B,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK;uBAChB,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ;sBACpC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM;;;8BAGf,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM;;;;;;;;;;;;;;;;;KAiBhD;KACF,CAAC;AACJ,CAAC,CAAC;AAtGW,QAAA,aAAa,iBAsGxB"}

package/dist/components/DatePickerWithInput/DatePickerWithInput.js

@@ -16,7 +16,7 @@ const DatePickerWithInput = (props) => {
         inputClassName += ` ${className}`;
     }
     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: () => { }, className: inputClassName }, rest)),
+        react_1.default.createElement(ui_1.Input, Object.assign({ type: "date", placeholder: "Date", value: (0, exports.formatDate)(value || new Date()), onClick: () => setOpen(true), onChange: () => { }, className: inputClassName }, rest)),
         react_1.default.createElement(DatePicker_1.DatePicker, { isOpen: open, value: value, onChange: (ev) => onChange(ev), onClose: () => setOpen(false) })));
 };
 exports.DatePickerWithInput = DatePickerWithInput;

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerWithInput.js","sourceRoot":"","sources":["../../../src/components/DatePickerWithInput/DatePickerWithInput.tsx"],"names":[],"mappings":";;;;AAAA,oCAAoC;AACpC,0DAA8C;AAC9C,yDAAsD;AACtD,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,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,kBAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAC;IACtD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,IAAI,cAAc,GAAG,8BAA8B,CAAA;IACnD,IAAI,SAAS,EAAE;QACb,cAAc,IAAI,IAAI,SAAS,EAAE,CAAC;KACnC;IAED,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,EAClB,SAAS,EAAE,cAAc,IACrB,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;AA5BW,QAAA,mBAAmB,uBA4B9B"}
+{"version":3,"file":"DatePickerWithInput.js","sourceRoot":"","sources":["../../../src/components/DatePickerWithInput/DatePickerWithInput.tsx"],"names":[],"mappings":";;;;AAAA,oCAAoC;AACpC,0DAA8C;AAC9C,yDAAsD;AACtD,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;AAOpE,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,kBAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAC;IACtD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,IAAI,cAAc,GAAG,8BAA8B,CAAC;IACpD,IAAI,SAAS,EAAE;QACb,cAAc,IAAI,IAAI,SAAS,EAAE,CAAC;KACnC;IAED,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,EAClB,SAAS,EAAE,cAAc,IACrB,IAAI,EACR;QACF,8BAAC,uBAAU,IAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAO,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAI,CAC7G,CACJ,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,mBAAmB,uBAuB9B"}

package/dist/components/DebounceInput/DebounceInput.js

@@ -9,9 +9,11 @@ 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)));
+    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 +1 @@
-{"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,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"}
+{"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/QueryEditor/AccessoryButton.js

@@ -7,15 +7,14 @@ 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);
+    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 = (0, ui_1.stylesFactory)((theme) => ({
+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 +1 @@
-{"version":3,"file":"AccessoryButton.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/AccessoryButton.tsx"],"names":[],"mappings":";;;;AAAA,sCAAuC;AACvC,0DAA0B;AAG1B,oCAA4E;AAIrE,MAAM,eAAe,GAAG,CAAC,EAA6C,EAAE,EAAE;QAAjD,EAAE,SAAS,OAAkC,EAA7B,KAAK,sBAArB,aAAuB,CAAF;IACnD,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"}
+{"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/EditorField.js

@@ -4,26 +4,24 @@ 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);
+    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" },
-                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 })));
+            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 = (0, ui_1.stylesFactory)((theme, width) => {
+const getStyles = (theme, width) => {
     return {
         root: (0, css_1.css)({
             minWidth: theme.spacing(width !== null && width !== void 0 ? width : 0),
@@ -47,5 +45,5 @@ const getStyles = (0, ui_1.stylesFactory)((theme, width) => {
             },
         }),
     };
-});
+};
 //# sourceMappingURL=EditorField.js.map

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

@@ -1 +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,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,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"}
+{"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

@@ -3,9 +3,9 @@ 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 EditorStack_1 = require("./EditorStack");
 const EditorFieldGroup = ({ children }) => {
-    return react_1.default.createElement(Stack_1.Stack, { gap: 1 }, 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 +1 @@
-{"version":3,"file":"EditorFieldGroup.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/EditorFieldGroup.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,mCAAgC;AAMzB,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAyB,EAAE,EAAE;IACtE,OAAO,8BAAC,aAAK,IAAC,GAAG,EAAE,CAAC,IAAG,QAAQ,CAAS,CAAC;AAC3C,CAAC,CAAC;AAFW,QAAA,gBAAgB,oBAE3B"}
+{"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

@@ -6,12 +6,11 @@ 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);
+    const styles = (0, ui_1.useStyles2)(getStyles);
     return react_1.default.createElement("div", { className: styles.root }, children);
 };
 exports.EditorHeader = EditorHeader;
-const getStyles = (0, ui_1.stylesFactory)((theme) => ({
+const getStyles = (theme) => ({
     root: (0, css_1.css)({
         display: 'flex',
         flexWrap: 'wrap',
@@ -19,5 +18,5 @@ const getStyles = (0, ui_1.stylesFactory)((theme) => ({
         gap: theme.spacing(3),
         minHeight: theme.spacing(4),
     }),
-}));
+});
 //# sourceMappingURL=EditorHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditorHeader.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/EditorHeader.tsx"],"names":[],"mappings":";;;;AAAA,sCAAmC;AACnC,0DAA0B;AAG1B,oCAAuD;AAMhD,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IAC9D,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"}
+{"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

@@ -4,8 +4,8 @@ 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 EditorStack_1 = require("./EditorStack");
+exports.EditorList = react_1.default.forwardRef(function EditorList({ items, renderItem, onChange }, ref) {
     const onAddItem = () => {
         const newItems = [...items, {}];
         onChange(newItems);
@@ -20,9 +20,8 @@ function EditorList({ items, renderItem, onChange }) {
         newItems.splice(itemIndex, 1);
         onChange(newItems);
     };
-    return (react_1.default.createElement(Stack_1.Stack, null,
+    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, { onClick: onAddItem, variant: "secondary", size: "md", icon: "plus", "aria-label": "Add", type: "button" })));
-}
-exports.EditorList = EditorList;
+        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 +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"}
+{"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

@@ -4,12 +4,12 @@ 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 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(Stack_1.Stack, { gap: 2 }, children)));
+        react_1.default.createElement(EditorStack_1.EditorStack, { gap: 2 }, children)));
 };
 exports.EditorRow = EditorRow;
 const getStyles = (theme) => {
@@ -17,7 +17,7 @@ const getStyles = (theme) => {
         root: (0, css_1.css)({
             padding: theme.spacing(1),
             backgroundColor: theme.colors.background.secondary,
-            borderRadius: theme.shape.borderRadius(1),
+            borderRadius: theme.shape.radius.default,
         }),
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"EditorRow.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/EditorRow.tsx"],"names":[],"mappings":";;;;AAAA,sCAAmC;AACnC,0DAA0B;AAI1B,mCAAgC;AAChC,oCAAyC;AAMlC,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,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"}
+{"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

@@ -3,9 +3,9 @@ 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 EditorStack_1 = require("./EditorStack");
 const EditorRows = ({ children }) => {
-    return (react_1.default.createElement(Stack_1.Stack, { gap: 0.5, direction: "column" }, 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 +1 @@
-{"version":3,"file":"EditorRows.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/EditorRows.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,mCAAgC;AAMzB,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAmB,EAAE,EAAE;IAC1D,OAAO,CACL,8BAAC,aAAK,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,QAAQ,IAChC,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,UAAU,cAMrB"}
+{"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

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

@@ -0,0 +1 @@
+{"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/InlineSelect.js

@@ -7,9 +7,8 @@ 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 styles = (0, ui_1.useStyles2)(getSelectStyles);
     const components = {
         SelectContainer,
         ValueContainer,
@@ -25,17 +24,15 @@ function InlineSelect(_a) {
 exports.InlineSelect = InlineSelect;
 const SelectContainer = (props) => {
     const { children } = props;
-    const theme = (0, ui_1.useTheme2)();
-    const styles = getSelectStyles(theme);
+    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 theme = (0, ui_1.useTheme2)();
-    const styles = getSelectStyles(theme);
+    const styles = (0, ui_1.useStyles2)(getSelectStyles);
     return react_1.default.createElement("div", { className: (0, css_1.cx)(className, styles.valueContainer) }, children);
 };
-const getSelectStyles = (0, ui_1.stylesFactory)((theme) => ({
+const getSelectStyles = (theme) => ({
     root: (0, css_1.css)({
         display: 'flex',
         fontSize: 12,
@@ -56,5 +53,5 @@ const getSelectStyles = (0, ui_1.stylesFactory)((theme) => ({
         color: theme.colors.text.secondary,
         fontSize: 12,
     }),
-}));
+});
 //# sourceMappingURL=InlineSelect.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InlineSelect.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/InlineSelect.tsx"],"names":[],"mappings":";;;;AAAA,sCAAuC;AACvC,uDAAwC;AAIxC,oCAAiJ;AAMjJ,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;QACD,8BAAC,WAAM,kBAAC,eAAe,QAAC,OAAO,EAAE,EAAE,IAAM,KAAK,IAAE,UAAU,EAAE,UAAU,IAAI,CACtE,CACP,CAAC;AACJ,CAAC;AArBD,oCAqBC;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"}
+{"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

@@ -3,15 +3,30 @@ 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 react_1 = tslib_1.__importStar(require("react"));
 const InputGroup = ({ children }) => {
-    const theme = (0, ui_1.useTheme2)();
-    const styles = useStyles(theme);
-    return react_1.default.createElement("div", { className: styles.root }, 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;
-const useStyles = (0, ui_1.stylesFactory)((theme) => ({
+// 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
@@ -33,14 +48,19 @@ const useStyles = (0, ui_1.stylesFactory)((theme) => ({
             },
             //
             position: 'relative',
-            zIndex: 1,
+            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: 2,
+                zIndex: borderPriority.indexOf('hovered'),
             },
             '&:focus-within': {
-                zIndex: 2,
+                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 +1 @@
-{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/InputGroup.tsx"],"names":[],"mappings":";;;;AAAA,sCAAmC;AACnC,0DAA0B;AAG1B,oCAAuD;AAMhD,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAmB,EAAE,EAAE;IAC1D,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"}
+{"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"}

package/dist/components/QueryEditor/QueryHeader.js

@@ -6,7 +6,6 @@ const react_1 = tslib_1.__importStar(require("react"));
 const react_use_1 = require("react-use");
 const ConfirmModal_1 = require("./ConfirmModal");
 const DatasetSelector_1 = require("./DatasetSelector");
-const ErrorBoundary_1 = require("./ErrorBoundary");
 const TableSelector_1 = require("./TableSelector");
 const ui_1 = require("@grafana/ui");
 const EditorField_1 = require("./EditorField");
@@ -54,9 +53,7 @@ function QueryHeader({ db, defaultDataset, enableDatasets, query, queryRowFilter
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(EditorHeader_1.EditorHeader, null,
-            react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, { fallBackComponent: react_1.default.createElement(ui_1.InlineField, { label: "Format", labelWidth: 15 },
-                    react_1.default.createElement(ui_1.Select, { placeholder: "Select format", value: query.format, onChange: onFormatChange, options: types_1.QUERY_FORMAT_OPTIONS })) },
-                react_1.default.createElement(InlineSelect_1.InlineSelect, { label: "Format", value: query.format, placeholder: "Select format", menuShouldPortal: true, onChange: onFormatChange, options: types_1.QUERY_FORMAT_OPTIONS })),
+            react_1.default.createElement(InlineSelect_1.InlineSelect, { label: "Format", value: query.format, placeholder: "Select format", menuShouldPortal: true, onChange: onFormatChange, options: types_1.QUERY_FORMAT_OPTIONS }),
             editorMode === types_1.EditorMode.Builder && (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(ui_1.InlineSwitch, { id: "sql-filter", label: "Filter", transparent: true, showLabel: true, value: queryRowFilter.filter, onChange: (ev) => ev.target instanceof HTMLInputElement &&
                         onQueryRowChange(Object.assign(Object.assign({}, queryRowFilter), { filter: ev.target.checked })) }),

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/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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;
+exports.RunQueryButton = exports.SqlQueryEditor = exports.Space = exports.InputGroup = exports.InlineSelect = exports.EditorStack = 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");
@@ -21,8 +21,8 @@ var EditorSwitch_1 = require("./EditorSwitch");
 Object.defineProperty(exports, "EditorSwitch", { enumerable: true, get: function () { return EditorSwitch_1.EditorSwitch; } });
 var FlexItem_1 = require("./FlexItem");
 Object.defineProperty(exports, "FlexItem", { enumerable: true, get: function () { return FlexItem_1.FlexItem; } });
-var Stack_1 = require("./Stack");
-Object.defineProperty(exports, "Stack", { enumerable: true, get: function () { return Stack_1.Stack; } });
+var EditorStack_1 = require("./EditorStack");
+Object.defineProperty(exports, "EditorStack", { enumerable: true, get: function () { return EditorStack_1.EditorStack; } });
 var InlineSelect_1 = require("./InlineSelect");
 Object.defineProperty(exports, "InlineSelect", { enumerable: true, get: function () { return InlineSelect_1.InlineSelect; } });
 var InputGroup_1 = require("./InputGroup");

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;AACvB,mDAAkD;AAAzC,gHAAA,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,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,+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/QueryEditor/query-editor-raw/QueryEditorRaw.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.QueryEditorRaw = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const experimental_1 = require("@grafana/experimental");
 const formatSQL_1 = require("../utils/formatSQL");
+const SQLEditor_1 = require("../../SQLEditor");
 function QueryEditorRaw({ children, onChange, query, width, height, completionProvider }) {
     // We need to pass query via ref to SQLEditor as onChange is executed via monacoEditor.onDidChangeModelContent callback, not onChange property
     const queryRef = (0, react_1.useRef)(query);
@@ -15,7 +15,7 @@ function QueryEditorRaw({ children, onChange, query, width, height, completionPr
         const newQuery = Object.assign(Object.assign({}, queryRef.current), { rawQuery: true, rawSql });
         onChange(newQuery, processQuery);
     }, [onChange]);
-    return (react_1.default.createElement(experimental_1.SQLEditor, { width: width, height: height, query: query.rawSql, onChange: onRawQueryChange, language: { id: 'sql', completionProvider, formatter: formatSQL_1.formatSQL } }, children));
+    return (react_1.default.createElement(SQLEditor_1.SQLEditor, { width: width, height: height, query: query.rawSql, onChange: onRawQueryChange, language: { id: 'sql', completionProvider, formatter: formatSQL_1.formatSQL } }, children));
 }
 exports.QueryEditorRaw = QueryEditorRaw;
 //# sourceMappingURL=QueryEditorRaw.js.map

package/dist/components/QueryEditor/query-editor-raw/QueryEditorRaw.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryEditorRaw.js","sourceRoot":"","sources":["../../../../src/components/QueryEditor/query-editor-raw/QueryEditorRaw.tsx"],"names":[],"mappings":";;;;AAAA,uDAA8D;AAE9D,wDAA8E;AAG9E,kDAA+C;AAW/C,SAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAS;IACpG,8IAA8I;IAC9I,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAW,KAAK,CAAC,CAAC;IACzC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;IAC3B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,CAAC,MAAc,EAAE,YAAqB,EAAE,EAAE;QACxC,MAAM,QAAQ,mCACT,QAAQ,CAAC,OAAO,KACnB,QAAQ,EAAE,IAAI,EACd,MAAM,GACP,CAAC;QACF,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACnC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,8BAAC,wBAAS,IACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,CAAC,MAAO,EACpB,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,qBAAS,EAAE,IAEhE,QAAQ,CACC,CACb,CAAC;AACJ,CAAC;AA9BD,wCA8BC"}
+{"version":3,"file":"QueryEditorRaw.js","sourceRoot":"","sources":["../../../../src/components/QueryEditor/query-editor-raw/QueryEditorRaw.tsx"],"names":[],"mappings":";;;;AAAA,uDAA8D;AAI9D,kDAA+C;AAC/C,+CAAwE;AAWxE,SAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAS;IACpG,8IAA8I;IAC9I,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAW,KAAK,CAAC,CAAC;IACzC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;IAC3B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,CAAC,MAAc,EAAE,YAAqB,EAAE,EAAE;QACxC,MAAM,QAAQ,mCACT,QAAQ,CAAC,OAAO,KACnB,QAAQ,EAAE,IAAI,EACd,MAAM,GACP,CAAC;QACF,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACnC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,8BAAC,qBAAS,IACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,CAAC,MAAO,EACpB,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,qBAAS,EAAE,IAEhE,QAAQ,CACC,CACb,CAAC;AACJ,CAAC;AA9BD,wCA8BC"}