@grafana/plugin-ui 0.17.0 → 0.17.2

package/dist/esm/components/QueryEditor/Space.js

@@ -4,10 +4,10 @@ import '@grafana/data';
 import { useStyles2 } from '@grafana/ui';
 
 const Space = ({ v = 0, h = 0, layout = "block" }) => {
-  const styles = useStyles2(getStyles$i, v, h, layout);
+  const styles = useStyles2(getStyles$n, v, h, layout);
   return /* @__PURE__ */ React.createElement("span", { className: cx(styles.wrapper) });
 };
-const getStyles$i = (theme, v, h, layout) => ({
+const getStyles$n = (theme, v, h, layout) => ({
   wrapper: css([
     {
       paddingRight: theme.spacing(h != null ? h : 0),

package/dist/esm/components/QueryEditor/query-editor-raw/RawEditor.js

@@ -19,7 +19,7 @@ function RawEditor({
   language = "sql"
 }) {
   const theme = useTheme2();
-  const styles = useStyles2(getStyles$h);
+  const styles = useStyles2(getStyles$m);
   const [isExpanded, setIsExpanded] = useState(false);
   const [toolboxRef, toolboxMeasure] = useMeasure();
   const [editorRef, editorMeasure] = useMeasure();
@@ -89,7 +89,7 @@ function RawEditor({
     renderEditor(true)
   ));
 }
-function getStyles$h(theme) {
+function getStyles$m(theme) {
   return {
     modal: css`
       width: 95vw;

package/dist/esm/components/QueryEditor/visual-query-builder/EditorField.js

@@ -8,12 +8,12 @@ const EditorField = (props) => {
   var _a;
   const { label, optional, tooltip, children, width, ...fieldProps } = props;
   const theme = useTheme2();
-  const styles = getStyles$d(theme, width);
+  const styles = getStyles$i(theme, width);
   const childInputId = (fieldProps == null ? void 0 : fieldProps.htmlFor) || ((_a = ReactUtils) == null ? void 0 : _a.getChildId(children));
   const labelEl = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("label", { className: styles.label, htmlFor: childInputId }, label, optional && /* @__PURE__ */ React.createElement("span", { className: styles.optional }, " - optional"), tooltip && /* @__PURE__ */ React.createElement(Tooltip, { placement: "top", content: tooltip, theme: "info" }, /* @__PURE__ */ React.createElement(Icon, { name: "info-circle", size: "sm", className: styles.icon }))), /* @__PURE__ */ React.createElement(Space, { v: 0.5 }));
   return /* @__PURE__ */ React.createElement("div", { className: styles.root }, /* @__PURE__ */ React.createElement(Field, { className: styles.field, label: labelEl, ...fieldProps }, children));
 };
-const getStyles$d = stylesFactory((theme, width) => {
+const getStyles$i = stylesFactory((theme, width) => {
   return {
     root: css({
       minWidth: theme.spacing(width != null ? width : 0)

package/dist/esm/components/QueryEditor/visual-query-builder/EditorRow.js

@@ -5,10 +5,10 @@ import { useStyles2 } from '@grafana/ui';
 import { EditorStack } from '../EditorStack.js';
 
 const EditorRow = ({ children }) => {
-  const styles = useStyles2(getStyles$e);
+  const styles = useStyles2(getStyles$j);
   return /* @__PURE__ */ React.createElement("div", { className: styles.root }, /* @__PURE__ */ React.createElement(EditorStack, { gap: 2 }, children));
 };
-const getStyles$e = (theme) => {
+const getStyles$j = (theme) => {
   return {
     root: css({
       padding: theme.spacing(1),

package/dist/esm/components/QueryEditor/visual-query-builder/Preview.js

@@ -7,7 +7,7 @@ import { formatSQL } from '../utils/formatSQL.js';
 
 function Preview({ rawSql, language = "sql" }) {
   const [_, copyToClipboard] = useCopyToClipboard();
-  const styles = useStyles2(getStyles$g);
+  const styles = useStyles2(getStyles$l);
   const labelElement = /* @__PURE__ */ React.createElement("div", { className: styles.labelWrapper }, /* @__PURE__ */ React.createElement("label", { className: styles.label }, "Preview"), /* @__PURE__ */ React.createElement(IconButton, { tooltip: "Copy to clipboard", onClick: () => copyToClipboard(rawSql), name: "copy" }));
   return /* @__PURE__ */ React.createElement(Field, { label: labelElement, className: styles.grow }, /* @__PURE__ */ React.createElement(
     CodeEditor,
@@ -21,7 +21,7 @@ function Preview({ rawSql, language = "sql" }) {
     }
   ));
 }
-function getStyles$g(theme) {
+function getStyles$l(theme) {
   return {
     grow: css({ flexGrow: 1 }),
     label: css({ fontSize: 12, fontWeight: theme.typography.fontWeightMedium }),

package/dist/esm/components/QueryEditor/visual-query-builder/SelectRow.js

@@ -12,7 +12,7 @@ import { EditorStack } from '../EditorStack.js';
 const asteriskValue = { label: "*", value: "*" };
 function SelectRow({ sql, columns, onSqlChange, functions }) {
   var _a;
-  const styles = useStyles2(getStyles$f);
+  const styles = useStyles2(getStyles$k);
   const columnsWithAsterisk = [asteriskValue, ...columns || []];
   const onColumnChange = useCallback(
     (item, index) => (column) => {
@@ -108,7 +108,7 @@ function SelectRow({ sql, columns, onSqlChange, functions }) {
     }
   ));
 }
-const getStyles$f = () => {
+const getStyles$k = () => {
   return { addButton: css({ alignSelf: "flex-start" }) };
 };
 function getColumnValue({ parameters }) {

package/dist/esm/components/SQLEditor/utils/LinkedToken.js

@@ -1,16 +1,16 @@
 import '@grafana/ui';
 import { TokenType } from './tokenType.js';
 
-var __defProp$4 = Object.defineProperty;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$4 = (obj, key, value) => __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$5 = Object.defineProperty;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$5 = (obj, key, value) => __defNormalProp$5(obj, typeof key !== "symbol" ? key + "" : key, value);
 class LinkedToken {
   constructor(type, value, range, previous, next) {
-    __publicField$4(this, "type", type);
-    __publicField$4(this, "value", value);
-    __publicField$4(this, "range", range);
-    __publicField$4(this, "previous", previous);
-    __publicField$4(this, "next", next);
+    __publicField$5(this, "type", type);
+    __publicField$5(this, "value", value);
+    __publicField$5(this, "range", range);
+    __publicField$5(this, "previous", previous);
+    __publicField$5(this, "next", next);
   }
   isKeyword() {
     return this.type === TokenType.Keyword;

package/dist/esm/datasource/SqlDatasource.js

@@ -7,21 +7,21 @@ import { map } from '../node_modules/rxjs/dist/esm5/internal/operators/map.js';
 import { catchError } from '../node_modules/rxjs/dist/esm5/internal/operators/catchError.js';
 import { of } from '../node_modules/rxjs/dist/esm5/internal/observable/of.js';
 
-var __defProp$3 = Object.defineProperty;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$3 = (obj, key, value) => __defNormalProp$3(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$4 = Object.defineProperty;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$4 = (obj, key, value) => __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
 class SqlDatasource extends DataSourceWithBackend {
   constructor(instanceSettings, templateSrv = getTemplateSrv()) {
     var _a;
     super(instanceSettings);
-    __publicField$3(this, "templateSrv", templateSrv);
-    __publicField$3(this, "id");
-    __publicField$3(this, "name");
-    __publicField$3(this, "interval");
-    __publicField$3(this, "db");
-    __publicField$3(this, "dataset");
-    __publicField$3(this, "annotations", {});
-    __publicField$3(this, "interpolateVariable", (value, variable) => {
+    __publicField$4(this, "templateSrv", templateSrv);
+    __publicField$4(this, "id");
+    __publicField$4(this, "name");
+    __publicField$4(this, "interval");
+    __publicField$4(this, "db");
+    __publicField$4(this, "dataset");
+    __publicField$4(this, "annotations", {});
+    __publicField$4(this, "interpolateVariable", (value, variable) => {
       if (typeof value === "string") {
         if (variable.multi || variable.includeAll) {
           const result = this.getQueryModel().quoteLiteral(value);