@grafana/plugin-ui 0.1.10

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

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

package/dist/components/QueryEditor/types.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toOption = exports.QUERY_FORMAT_OPTIONS = exports.EditorMode = exports.QueryFormat = void 0;
+const data_1 = require("@grafana/data");
+var QueryFormat;
+(function (QueryFormat) {
+    QueryFormat["Timeseries"] = "time_series";
+    QueryFormat["Table"] = "table";
+})(QueryFormat = exports.QueryFormat || (exports.QueryFormat = {}));
+var EditorMode;
+(function (EditorMode) {
+    EditorMode["Builder"] = "builder";
+    EditorMode["Code"] = "code";
+})(EditorMode = exports.EditorMode || (exports.EditorMode = {}));
+exports.QUERY_FORMAT_OPTIONS = [
+    { label: 'Time series', value: QueryFormat.Timeseries },
+    { label: 'Table', value: QueryFormat.Table },
+];
+const backWardToOption = (value) => ({ label: value, value });
+exports.toOption = data_1.toOption !== null && data_1.toOption !== void 0 ? data_1.toOption : backWardToOption;
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/types.ts"],"names":[],"mappings":";;;AAEA,wCAQuB;AAoCvB,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,yCAA0B,CAAA;IAC1B,8BAAe,CAAA;AACjB,CAAC,EAHW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAGtB;AAED,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,2BAAa,CAAA;AACf,CAAC,EAHW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAGrB;AAoDY,QAAA,oBAAoB,GAAG;IAClC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,CAAC,UAAU,EAAE;IACvD,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE;CAC7C,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AAEzD,QAAA,QAAQ,GAAG,eAAgB,aAAhB,eAAgB,cAAhB,eAAgB,GAAI,gBAAgB,CAAC"}

package/dist/components/QueryEditor/utils/formatSQL.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatSQL = void 0;
+const tslib_1 = require("tslib");
+// @ts-ignore
+const sql_formatter_plus_1 = tslib_1.__importDefault(require("sql-formatter-plus"));
+function formatSQL(q) {
+    return sql_formatter_plus_1.default.format(q).replace(/(\$ \{ .* \})|(\$ __)|(\$ \w+)/g, (m) => {
+        return m.replace(/\s/g, '');
+    });
+}
+exports.formatSQL = formatSQL;
+//# sourceMappingURL=formatSQL.js.map

package/dist/components/QueryEditor/utils/formatSQL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatSQL.js","sourceRoot":"","sources":["../../../../src/components/QueryEditor/utils/formatSQL.ts"],"names":[],"mappings":";;;;AAAA,aAAa;AACb,oFAA8C;AAE9C,SAAgB,SAAS,CAAC,CAAS;IACjC,OAAO,4BAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,iCAAiC,EAAE,CAAC,CAAS,EAAE,EAAE;QACrF,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;AACL,CAAC;AAJD,8BAIC"}

package/dist/components/QueryEditor/utils/sql.utils.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createFunctionField = exports.setPropertyField = exports.setGroupByField = exports.haveColumns = exports.defaultToRawSql = void 0;
+const lodash_1 = require("lodash");
+const expressions_1 = require("../expressions");
+function defaultToRawSql({ sql, dataset, table }) {
+    var _a, _b, _c, _d;
+    let rawQuery = '';
+    // Return early with empty string if there is no sql column
+    if (!sql || !(0, exports.haveColumns)(sql.columns)) {
+        return rawQuery;
+    }
+    rawQuery += createSelectClause(sql.columns);
+    if (dataset && table) {
+        rawQuery += `FROM ${dataset}.${table} `;
+    }
+    if (sql.whereString) {
+        rawQuery += `WHERE ${sql.whereString} `;
+    }
+    if ((_b = (_a = sql.groupBy) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.property.name) {
+        const groupBy = sql.groupBy.map((g) => g.property.name).filter((g) => !(0, lodash_1.isEmpty)(g));
+        rawQuery += `GROUP BY ${groupBy.join(', ')} `;
+    }
+    if ((_c = sql.orderBy) === null || _c === void 0 ? void 0 : _c.property.name) {
+        rawQuery += `ORDER BY ${sql.orderBy.property.name} `;
+    }
+    if (((_d = sql.orderBy) === null || _d === void 0 ? void 0 : _d.property.name) && sql.orderByDirection) {
+        rawQuery += `${sql.orderByDirection} `;
+    }
+    // Altough LIMIT 0 doesn't make sense, it is still possible to have LIMIT 0
+    if (sql.limit !== undefined && sql.limit >= 0) {
+        rawQuery += `LIMIT ${sql.limit} `;
+    }
+    return rawQuery;
+}
+exports.defaultToRawSql = defaultToRawSql;
+function createSelectClause(sqlColumns) {
+    const columns = sqlColumns.map((c) => {
+        var _a, _b;
+        let rawColumn = '';
+        if (c.name) {
+            rawColumn += `${c.name}(${(_a = c.parameters) === null || _a === void 0 ? void 0 : _a.map((p) => `${p.name}`)})`;
+        }
+        else {
+            rawColumn += `${(_b = c.parameters) === null || _b === void 0 ? void 0 : _b.map((p) => `${p.name}`)}`;
+        }
+        return rawColumn;
+    });
+    return `SELECT ${columns.join(', ')} `;
+}
+const haveColumns = (columns) => {
+    if (!columns) {
+        return false;
+    }
+    const haveColumn = columns.some((c) => { var _a, _b; return ((_a = c.parameters) === null || _a === void 0 ? void 0 : _a.length) || ((_b = c.parameters) === null || _b === void 0 ? void 0 : _b.some((p) => p.name)); });
+    const haveFunction = columns.some((c) => c.name);
+    return haveColumn || haveFunction;
+};
+exports.haveColumns = haveColumns;
+/**
+ * Creates a GroupByExpression for a specified field
+ */
+function setGroupByField(field) {
+    return {
+        type: expressions_1.QueryEditorExpressionType.GroupBy,
+        property: {
+            type: expressions_1.QueryEditorPropertyType.String,
+            name: field,
+        },
+    };
+}
+exports.setGroupByField = setGroupByField;
+/**
+ * Creates a PropertyExpression for a specified field
+ */
+function setPropertyField(field) {
+    return {
+        type: expressions_1.QueryEditorExpressionType.Property,
+        property: {
+            type: expressions_1.QueryEditorPropertyType.String,
+            name: field,
+        },
+    };
+}
+exports.setPropertyField = setPropertyField;
+function createFunctionField(functionName) {
+    return {
+        type: expressions_1.QueryEditorExpressionType.Function,
+        name: functionName,
+        parameters: [],
+    };
+}
+exports.createFunctionField = createFunctionField;
+//# sourceMappingURL=sql.utils.js.map

package/dist/components/QueryEditor/utils/sql.utils.js.map

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

package/dist/components/QueryEditor/utils/useSqlChange.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSqlChange = void 0;
+const react_1 = require("react");
+const sql_utils_1 = require("./sql.utils");
+function useSqlChange({ query, onQueryChange, db }) {
+    const onSqlChange = (0, react_1.useCallback)((sql) => {
+        const toRawSql = db.toRawSql || sql_utils_1.defaultToRawSql;
+        const rawSql = toRawSql({ sql, dataset: query.dataset, table: query.table, refId: query.refId });
+        const newQuery = Object.assign(Object.assign({}, query), { sql, rawSql });
+        onQueryChange(newQuery);
+    }, [db, onQueryChange, query]);
+    return { onSqlChange };
+}
+exports.useSqlChange = useSqlChange;
+//# sourceMappingURL=useSqlChange.js.map

package/dist/components/QueryEditor/utils/useSqlChange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSqlChange.js","sourceRoot":"","sources":["../../../../src/components/QueryEditor/utils/useSqlChange.ts"],"names":[],"mappings":";;;AAAA,iCAAoC;AAIpC,2CAA8C;AAQ9C,SAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAgB;IACrE,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,GAAkB,EAAE,EAAE;QACrB,MAAM,QAAQ,GAAG,EAAE,CAAC,QAAQ,IAAI,2BAAe,CAAC;QAChD,MAAM,MAAM,GAAG,QAAQ,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;QACjG,MAAM,QAAQ,mCAAkB,KAAK,KAAE,GAAG,EAAE,MAAM,GAAE,CAAC;QACrD,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC,EACD,CAAC,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,CAC3B,CAAC;IAEF,OAAO,EAAE,WAAW,EAAE,CAAC;AACzB,CAAC;AAZD,oCAYC"}

package/dist/components/QueryEditor/visual-query-builder/AwesomeQueryBuilder.js

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.raqbConfig = exports.settings = exports.widgets = exports.emptyInitTree = exports.emptyInitValue = void 0;
+const tslib_1 = require("tslib");
+const lodash_1 = require("lodash");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_awesome_query_builder_1 = require("react-awesome-query-builder");
+const data_1 = require("@grafana/data");
+const ui_1 = require("@grafana/ui");
+const buttonLabels = {
+    add: 'Add',
+    remove: 'Remove',
+};
+exports.emptyInitValue = {
+    id: react_awesome_query_builder_1.Utils.uuid(),
+    type: 'group',
+    children1: {
+        [react_awesome_query_builder_1.Utils.uuid()]: {
+            type: 'rule',
+            properties: {
+                field: null,
+                operator: null,
+                value: [],
+                valueSrc: [],
+            },
+        },
+    },
+};
+exports.emptyInitTree = {
+    id: react_awesome_query_builder_1.Utils.uuid(),
+    type: 'group',
+    children1: {
+        [react_awesome_query_builder_1.Utils.uuid()]: {
+            type: 'rule',
+            properties: {
+                field: null,
+                operator: null,
+                value: [],
+                valueSrc: [],
+            },
+        },
+    },
+};
+exports.widgets = Object.assign(Object.assign({}, react_awesome_query_builder_1.BasicConfig.widgets), { text: Object.assign(Object.assign({}, react_awesome_query_builder_1.BasicConfig.widgets.text), { factory: function TextInput(props) {
+            return (react_1.default.createElement(ui_1.Input, { value: (props === null || props === void 0 ? void 0 : props.value) || '', placeholder: props === null || props === void 0 ? void 0 : props.placeholder, onChange: (e) => props === null || props === void 0 ? void 0 : props.setValue(e.currentTarget.value) }));
+        } }), number: Object.assign(Object.assign({}, react_awesome_query_builder_1.BasicConfig.widgets.number), { factory: function NumberInput(props) {
+            return (react_1.default.createElement(ui_1.Input, { value: props === null || props === void 0 ? void 0 : props.value, placeholder: props === null || props === void 0 ? void 0 : props.placeholder, type: "number", onChange: (e) => props === null || props === void 0 ? void 0 : props.setValue(Number.parseInt(e.currentTarget.value, 10)) }));
+        } }), datetime: Object.assign(Object.assign({}, react_awesome_query_builder_1.BasicConfig.widgets.datetime), { factory: function DateTimeInput(props) {
+            return (react_1.default.createElement(ui_1.DateTimePicker, { onChange: (e) => {
+                    props === null || props === void 0 ? void 0 : props.setValue(e.format(react_awesome_query_builder_1.BasicConfig.widgets.datetime.valueFormat));
+                }, date: (0, data_1.dateTime)(props === null || props === void 0 ? void 0 : props.value).utc() }));
+        } }) });
+exports.settings = Object.assign(Object.assign({}, react_awesome_query_builder_1.BasicConfig.settings), { canRegroup: false, maxNesting: 1, canReorder: false, showNot: false, addRuleLabel: buttonLabels.add, deleteLabel: buttonLabels.remove, renderConjs: function Conjunctions(conjProps) {
+        return (react_1.default.createElement(ui_1.Select, { id: conjProps === null || conjProps === void 0 ? void 0 : conjProps.id, "aria-label": "Conjunction", menuShouldPortal: true, options: (conjProps === null || conjProps === void 0 ? void 0 : conjProps.conjunctionOptions) ? Object.keys(conjProps === null || conjProps === void 0 ? void 0 : conjProps.conjunctionOptions).map(data_1.toOption) : undefined, value: conjProps === null || conjProps === void 0 ? void 0 : conjProps.selectedConjunction, onChange: (val) => conjProps === null || conjProps === void 0 ? void 0 : conjProps.setConjunction(val.value) }));
+    }, renderField: function Field(fieldProps) {
+        var _a;
+        const fields = ((_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.config) === null || _a === void 0 ? void 0 : _a.fields) || {};
+        return (react_1.default.createElement(ui_1.Select, { id: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.id, width: 25, "aria-label": "Field", menuShouldPortal: true, options: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.items.map((f) => {
+                var _a, _b;
+                // @ts-ignore
+                const icon = (_b = (_a = fields[f.key].mainWidgetProps) === null || _a === void 0 ? void 0 : _a.customProps) === null || _b === void 0 ? void 0 : _b.icon;
+                return {
+                    label: f.label,
+                    value: f.key,
+                    icon,
+                };
+            }), value: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.selectedKey, onChange: (val) => {
+                fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.setField(val.label);
+            } }));
+    }, renderButton: function RAQBButton(buttonProps) {
+        return (react_1.default.createElement(ui_1.Button, { type: "button", title: `${buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.label} filter`, onClick: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.onClick, variant: "secondary", size: "md", icon: (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.label) === buttonLabels.add ? 'plus' : 'times' }));
+    }, renderOperator: function Operator(operatorProps) {
+        return (react_1.default.createElement(ui_1.Select, { options: operatorProps === null || operatorProps === void 0 ? void 0 : operatorProps.items.map((op) => ({ label: op.label, value: op.key })), "aria-label": "Operator", menuShouldPortal: true, value: operatorProps === null || operatorProps === void 0 ? void 0 : operatorProps.selectedKey, onChange: (val) => {
+                operatorProps === null || operatorProps === void 0 ? void 0 : operatorProps.setField(val.value || '');
+            } }));
+    } });
+// eslint-ignore
+const customOperators = getCustomOperators(react_awesome_query_builder_1.BasicConfig);
+const textWidget = react_awesome_query_builder_1.BasicConfig.types.text.widgets.text;
+const opers = [...(textWidget.operators || []), "select_any_in" /* Op.IN */, "select_not_any_in" /* Op.NOT_IN */];
+const customTextWidget = Object.assign(Object.assign({}, textWidget), { operators: opers });
+const customTypes = Object.assign(Object.assign({}, react_awesome_query_builder_1.BasicConfig.types), { text: Object.assign(Object.assign({}, react_awesome_query_builder_1.BasicConfig.types.text), { widgets: Object.assign(Object.assign({}, react_awesome_query_builder_1.BasicConfig.types.text.widgets), { text: customTextWidget }) }) });
+exports.raqbConfig = Object.assign(Object.assign({}, react_awesome_query_builder_1.BasicConfig), { widgets: exports.widgets,
+    settings: exports.settings, operators: customOperators, types: customTypes });
+function getCustomOperators(config) {
+    const supportedOperators = tslib_1.__rest(config.operators, []);
+    const noop = () => '';
+    // IN operator expects array, override IN formatter for multi-value variables
+    const sqlFormatInOp = supportedOperators["select_any_in" /* Op.IN */].sqlFormatOp || noop;
+    const customSqlInFormatter = (field, op, value, valueSrc, valueType, opDef, operatorOptions, fieldDef) => {
+        return sqlFormatInOp(field, op, splitIfString(value), valueSrc, valueType, opDef, operatorOptions, fieldDef);
+    };
+    // NOT IN operator expects array, override NOT IN formatter for multi-value variables
+    const sqlFormatNotInOp = supportedOperators["select_not_any_in" /* Op.NOT_IN */].sqlFormatOp || noop;
+    const customSqlNotInFormatter = (field, op, value, valueSrc, valueType, opDef, operatorOptions, fieldDef) => {
+        return sqlFormatNotInOp(field, op, splitIfString(value), valueSrc, valueType, opDef, operatorOptions, fieldDef);
+    };
+    const customOperators = Object.assign(Object.assign({}, supportedOperators), { ["select_any_in" /* Op.IN */]: Object.assign(Object.assign({}, supportedOperators["select_any_in" /* Op.IN */]), { sqlFormatOp: customSqlInFormatter }), ["select_not_any_in" /* Op.NOT_IN */]: Object.assign(Object.assign({}, supportedOperators["select_not_any_in" /* Op.NOT_IN */]), { sqlFormatOp: customSqlNotInFormatter }) });
+    return customOperators;
+}
+// value: string | List<string> but AQB uses a different version of Immutable
+// eslint-ignore
+function splitIfString(value) {
+    if ((0, lodash_1.isString)(value)) {
+        return value.split(',');
+    }
+    return value;
+}
+//# sourceMappingURL=AwesomeQueryBuilder.js.map

package/dist/components/QueryEditor/visual-query-builder/AwesomeQueryBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AwesomeQueryBuilder.js","sourceRoot":"","sources":["../../../../src/components/QueryEditor/visual-query-builder/AwesomeQueryBuilder.tsx"],"names":[],"mappings":";;;;AACA,mCAAkC;AAClC,0DAA0B;AAC1B,6EAWqC;AAErC,wCAAmD;AACnD,oCAAoE;AAEpE,MAAM,YAAY,GAAG;IACnB,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEW,QAAA,cAAc,GAAa;IACtC,EAAE,EAAE,mCAAK,CAAC,IAAI,EAAE;IAChB,IAAI,EAAE,OAAgB;IACtB,SAAS,EAAE;QACT,CAAC,mCAAK,CAAC,IAAI,EAAE,CAAC,EAAE;YACd,IAAI,EAAE,MAAM;YACZ,UAAU,EAAE;gBACV,KAAK,EAAE,IAAI;gBACX,QAAQ,EAAE,IAAI;gBACd,KAAK,EAAE,EAAE;gBACT,QAAQ,EAAE,EAAE;aACb;SACF;KACF;CACF,CAAC;AAEW,QAAA,aAAa,GAAa;IACrC,EAAE,EAAE,mCAAK,CAAC,IAAI,EAAE;IAChB,IAAI,EAAE,OAAgB;IACtB,SAAS,EAAE;QACT,CAAC,mCAAK,CAAC,IAAI,EAAE,CAAC,EAAE;YACd,IAAI,EAAE,MAAM;YACZ,UAAU,EAAE;gBACV,KAAK,EAAE,IAAI;gBACX,QAAQ,EAAE,IAAI;gBACd,KAAK,EAAE,EAAE;gBACT,QAAQ,EAAE,EAAE;aACb;SACF;KACF;CACF,CAAC;AAEW,QAAA,OAAO,mCACf,yCAAW,CAAC,OAAO,KACtB,IAAI,kCACC,yCAAW,CAAC,OAAO,CAAC,IAAI,KAC3B,OAAO,EAAE,SAAS,SAAS,CAAC,KAAK;YAC/B,OAAO,CACL,8BAAC,UAAK,IACJ,KAAK,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI,EAAE,EACzB,WAAW,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,EAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,GACvD,CACH,CAAC;QACJ,CAAC,KAEH,MAAM,kCACD,yCAAW,CAAC,OAAO,CAAC,MAAM,KAC7B,OAAO,EAAE,SAAS,WAAW,CAAC,KAAK;YACjC,OAAO,CACL,8BAAC,UAAK,IACJ,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EACnB,WAAW,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,EAC/B,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,GAC5E,CACH,CAAC;QACJ,CAAC,KAEH,QAAQ,kCACH,yCAAW,CAAC,OAAO,CAAC,QAAQ,KAC/B,OAAO,EAAE,SAAS,aAAa,CAAC,KAAK;YACnC,OAAO,CACL,8BAAC,mBAAc,IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,yCAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC;gBACtE,CAAC,EACD,IAAI,EAAE,IAAA,eAAQ,EAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,CAAC,GAAG,EAAE,GAClC,CACH,CAAC;QACJ,CAAC,OAEH;AAEW,QAAA,QAAQ,mCAChB,yCAAW,CAAC,QAAQ,KACvB,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,CAAC,EACb,UAAU,EAAE,KAAK,EACjB,OAAO,EAAE,KAAK,EACd,YAAY,EAAE,YAAY,CAAC,GAAG,EAC9B,WAAW,EAAE,YAAY,CAAC,MAAM,EAChC,WAAW,EAAE,SAAS,YAAY,CAAC,SAAS;QAC1C,OAAO,CACL,8BAAC,WAAM,IACL,EAAE,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,EAAE,gBACN,aAAa,EACxB,gBAAgB,QAChB,OAAO,EAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,kBAAkB,EAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,kBAAkB,CAAC,CAAC,GAAG,CAAC,eAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,EAC7G,KAAK,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,mBAAmB,EACrC,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,cAAc,CAAC,GAAG,CAAC,KAAM,CAAC,GACxD,CACH,CAAC;IACJ,CAAC,EACD,WAAW,EAAE,SAAS,KAAK,CAAC,UAAU;;QACpC,MAAM,MAAM,GAAG,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,0CAAE,MAAM,KAAI,EAAE,CAAC;QAChD,OAAO,CACL,8BAAC,WAAM,IACL,EAAE,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,EAClB,KAAK,EAAE,EAAE,gBACE,OAAO,EAClB,gBAAgB,QAChB,OAAO,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;;gBACnC,aAAa;gBACb,MAAM,IAAI,GAAG,MAAA,MAAA,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,eAAe,0CAAE,WAAW,0CAAE,IAAI,CAAC;gBAC9D,OAAO;oBACL,KAAK,EAAE,CAAC,CAAC,KAAK;oBACd,KAAK,EAAE,CAAC,CAAC,GAAG;oBACZ,IAAI;iBACL,CAAC;YACJ,CAAC,CAAC,EACF,KAAK,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,EAC9B,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;gBAChB,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,CAAC,GAAG,CAAC,KAAM,CAAC,CAAC;YACnC,CAAC,GACD,CACH,CAAC;IACJ,CAAC,EACD,YAAY,EAAE,SAAS,UAAU,CAAC,WAAW;QAC3C,OAAO,CACL,8BAAC,WAAM,IACL,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,SAAS,EACrC,OAAO,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,EAC7B,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,MAAK,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,GAChE,CACH,CAAC;IACJ,CAAC,EACD,cAAc,EAAE,SAAS,QAAQ,CAAC,aAAa;QAC7C,OAAO,CACL,8BAAC,WAAM,IACL,OAAO,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,gBACpE,UAAU,EACrB,gBAAgB,QAChB,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,EACjC,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;gBAChB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;YAC3C,CAAC,GACD,CACH,CAAC;IACJ,CAAC,IACD;AAOF,gBAAgB;AAChB,MAAM,eAAe,GAAG,kBAAkB,CAAC,yCAAW,CAAiC,CAAC;AACxF,MAAM,UAAU,GAAG,yCAAW,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;AACvD,MAAM,KAAK,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,IAAI,EAAE,CAAC,mEAAmB,CAAC;AAClE,MAAM,gBAAgB,mCACjB,UAAU,KACb,SAAS,EAAE,KAAK,GACjB,CAAC;AAEF,MAAM,WAAW,mCACZ,yCAAW,CAAC,KAAK,KACpB,IAAI,kCACC,yCAAW,CAAC,KAAK,CAAC,IAAI,KACzB,OAAO,kCACF,yCAAW,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,KACjC,IAAI,EAAE,gBAAgB,SAG3B,CAAC;AAEW,QAAA,UAAU,mCAClB,yCAAW,KACd,OAAO,EAAP,eAAO;IACP,QAAQ,EAAR,gBAAQ,EACR,SAAS,EAAE,eAA+C,EAC1D,KAAK,EAAE,WAAW,IAClB;AAIF,SAAS,kBAAkB,CAAC,MAAmB;IAC7C,MAAW,kBAAkB,kBAAK,MAAM,CAAC,SAAS,EAA5C,EAAyB,CAAmB,CAAC;IACnD,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC;IACtB,6EAA6E;IAC7E,MAAM,aAAa,GAAG,kBAAkB,6BAAO,CAAC,WAAW,IAAI,IAAI,CAAC;IACpE,MAAM,oBAAoB,GAAG,CAC3B,KAAa,EACb,EAAU,EACV,KAA4B,EAC5B,QAAqB,EACrB,SAAiB,EACjB,KAAe,EACf,eAAuB,EACvB,QAAqB,EACrB,EAAE;QACF,OAAO,aAAa,CAAC,KAAK,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC;IAC/G,CAAC,CAAC;IACF,qFAAqF;IACrF,MAAM,gBAAgB,GAAG,kBAAkB,qCAAW,CAAC,WAAW,IAAI,IAAI,CAAC;IAC3E,MAAM,uBAAuB,GAAG,CAC9B,KAAa,EACb,EAAU,EACV,KAA4B,EAC5B,QAAqB,EACrB,SAAiB,EACjB,KAAe,EACf,eAAuB,EACvB,QAAqB,EACrB,EAAE;QACF,OAAO,gBAAgB,CAAC,KAAK,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC;IAClH,CAAC,CAAC;IAEF,MAAM,eAAe,mCAChB,kBAAkB,KACrB,6BAAO,kCACF,kBAAkB,6BAAO,KAC5B,WAAW,EAAE,oBAAoB,KAEnC,qCAAW,kCACN,kBAAkB,qCAAW,KAChC,WAAW,EAAE,uBAAuB,MAEvC,CAAC;IAEF,OAAO,eAAe,CAAC;AACzB,CAAC;AAED,6EAA6E;AAC7E,gBAAgB;AAChB,SAAS,aAAa,CAAC,KAAU;IAC/B,IAAI,IAAA,iBAAQ,EAAC,KAAK,CAAC,EAAE;QACnB,OAAO,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;KACzB;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/components/QueryEditor/visual-query-builder/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 ui_1 = require("@grafana/ui");
+const Space_1 = require("../Space");
+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/visual-query-builder/EditorField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorField.js","sourceRoot":"","sources":["../../../../src/components/QueryEditor/visual-query-builder/EditorField.tsx"],"names":[],"mappings":";;;;AAAA,sCAAmC;AACnC,0DAA8C;AAG9C,oCAAyG;AACzG,oCAAiC;AAU1B,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/visual-query-builder/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/visual-query-builder/EditorRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorRow.js","sourceRoot":"","sources":["../../../../src/components/QueryEditor/visual-query-builder/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/visual-query-builder/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/visual-query-builder/EditorRows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorRows.js","sourceRoot":"","sources":["../../../../src/components/QueryEditor/visual-query-builder/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/visual-query-builder/GroupByRow.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupByRow = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const data_1 = require("@grafana/data");
+const sql_utils_1 = require("../utils/sql.utils");
+const EditorList_1 = require("../EditorList");
+const ui_1 = require("@grafana/ui");
+const AccessoryButton_1 = require("../AccessoryButton");
+const InputGroup_1 = require("../InputGroup");
+function GroupByRow({ sql, columns, onSqlChange }) {
+    const onGroupByChange = (0, react_1.useCallback)((item) => {
+        // As new (empty object) items come in, we need to make sure they have the correct type
+        const cleaned = item.map((v) => { var _a; return (0, sql_utils_1.setGroupByField)((_a = v.property) === null || _a === void 0 ? void 0 : _a.name); });
+        const newSql = Object.assign(Object.assign({}, sql), { groupBy: cleaned });
+        onSqlChange(newSql);
+    }, [onSqlChange, sql]);
+    return (react_1.default.createElement(EditorList_1.EditorList, { items: sql.groupBy, onChange: onGroupByChange, renderItem: makeRenderColumn({
+            options: columns,
+        }) }));
+}
+exports.GroupByRow = GroupByRow;
+function makeRenderColumn({ options }) {
+    const renderColumn = function (item, onChangeItem, onDeleteItem) {
+        var _a;
+        return (react_1.default.createElement(InputGroup_1.InputGroup, null,
+            react_1.default.createElement(ui_1.Select, { value: ((_a = item.property) === null || _a === void 0 ? void 0 : _a.name) ? (0, data_1.toOption)(item.property.name) : null, "aria-label": "Group by", options: options, menuShouldPortal: true, onChange: ({ value }) => value && onChangeItem((0, sql_utils_1.setGroupByField)(value)) }),
+            react_1.default.createElement(AccessoryButton_1.AccessoryButton, { "aria-label": "Remove group by column", icon: "times", variant: "secondary", onClick: onDeleteItem })));
+    };
+    return renderColumn;
+}
+//# sourceMappingURL=GroupByRow.js.map

package/dist/components/QueryEditor/visual-query-builder/GroupByRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupByRow.js","sourceRoot":"","sources":["../../../../src/components/QueryEditor/visual-query-builder/GroupByRow.tsx"],"names":[],"mappings":";;;;AAAA,uDAA2C;AAE3C,wCAA0D;AAG1D,kDAAqD;AACrD,8CAA2C;AAC3C,oCAAqC;AACrC,wDAAqD;AACrD,8CAA2C;AAQ3C,SAAgB,UAAU,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAmB;IACvE,MAAM,eAAe,GAAG,IAAA,mBAAW,EACjC,CAAC,IAAkD,EAAE,EAAE;QACrD,uFAAuF;QACvF,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,IAAA,2BAAe,EAAC,MAAA,CAAC,CAAC,QAAQ,0CAAE,IAAI,CAAC,CAAA,EAAA,CAAC,CAAC;QACnE,MAAM,MAAM,mCAAQ,GAAG,KAAE,OAAO,EAAE,OAAO,GAAE,CAAC;QAC5C,WAAW,CAAC,MAAM,CAAC,CAAC;IACtB,CAAC,EACD,CAAC,WAAW,EAAE,GAAG,CAAC,CACnB,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAU,IACT,KAAK,EAAE,GAAG,CAAC,OAAQ,EACnB,QAAQ,EAAE,eAAe,EACzB,UAAU,EAAE,gBAAgB,CAAC;YAC3B,OAAO,EAAE,OAAO;SACjB,CAAC,GACF,CACH,CAAC;AACJ,CAAC;AApBD,gCAoBC;AAED,SAAS,gBAAgB,CAAC,EAAE,OAAO,EAAgD;IACjF,MAAM,YAAY,GAAG,UACnB,IAA2C,EAC3C,YAA0D,EAC1D,YAAwB;;QAExB,OAAO,CACL,8BAAC,uBAAU;YACT,8BAAC,WAAM,IACL,KAAK,EAAE,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,EAAC,CAAC,CAAC,IAAA,eAAQ,EAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,gBACrD,UAAU,EACrB,OAAO,EAAE,OAAO,EAChB,gBAAgB,QAChB,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,YAAY,CAAC,IAAA,2BAAe,EAAC,KAAK,CAAC,CAAC,GACtE;YACF,8BAAC,iCAAe,kBAAY,wBAAwB,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,YAAY,GAAI,CACpG,CACd,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,YAAY,CAAC;AACtB,CAAC"}

package/dist/components/QueryEditor/visual-query-builder/OrderByRow.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OrderByRow = void 0;
+const tslib_1 = require("tslib");
+const lodash_1 = require("lodash");
+const react_1 = tslib_1.__importStar(require("react"));
+const data_1 = require("@grafana/data");
+const ui_1 = require("@grafana/ui");
+const sql_utils_1 = require("../utils/sql.utils");
+const Space_1 = require("../Space");
+const EditorField_1 = require("../EditorField");
+const InputGroup_1 = require("../InputGroup");
+const sortOrderOptions = [
+    { description: 'Sort by ascending', value: 'ASC', icon: 'sort-amount-up' },
+    { description: 'Sort by descending', value: 'DESC', icon: 'sort-amount-down' },
+];
+function OrderByRow({ sql, onSqlChange, columns, showOffset }) {
+    var _a, _b;
+    const onSortOrderChange = (0, react_1.useCallback)((item) => {
+        const newSql = Object.assign(Object.assign({}, sql), { orderByDirection: item });
+        onSqlChange(newSql);
+    }, [onSqlChange, sql]);
+    const onLimitChange = (0, react_1.useCallback)((event) => {
+        const newSql = Object.assign(Object.assign({}, sql), { limit: Number.parseInt(event.currentTarget.value, 10) });
+        onSqlChange(newSql);
+    }, [onSqlChange, sql]);
+    const onOffsetChange = (0, react_1.useCallback)((event) => {
+        const newSql = Object.assign(Object.assign({}, sql), { offset: Number.parseInt(event.currentTarget.value, 10) });
+        onSqlChange(newSql);
+    }, [onSqlChange, sql]);
+    const onOrderByChange = (0, react_1.useCallback)((item) => {
+        const newSql = Object.assign(Object.assign({}, sql), { orderBy: (0, sql_utils_1.setPropertyField)(item === null || item === void 0 ? void 0 : item.value) });
+        if (item === null) {
+            newSql.orderByDirection = undefined;
+        }
+        onSqlChange(newSql);
+    }, [onSqlChange, sql]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(EditorField_1.EditorField, { label: "Order by", width: 25 },
+            react_1.default.createElement(InputGroup_1.InputGroup, null,
+                react_1.default.createElement(ui_1.Select, { "aria-label": "Order by", options: columns, value: ((_a = sql.orderBy) === null || _a === void 0 ? void 0 : _a.property.name) ? (0, data_1.toOption)(sql.orderBy.property.name) : null, isClearable: true, menuShouldPortal: true, onChange: onOrderByChange }),
+                react_1.default.createElement(Space_1.Space, { h: 1.5 }),
+                react_1.default.createElement(ui_1.RadioButtonGroup, { options: sortOrderOptions, disabled: !((_b = sql === null || sql === void 0 ? void 0 : sql.orderBy) === null || _b === void 0 ? void 0 : _b.property.name), value: sql.orderByDirection, onChange: onSortOrderChange }))),
+        react_1.default.createElement(EditorField_1.EditorField, { label: "Limit", optional: true, width: 25 },
+            react_1.default.createElement(ui_1.Input, { type: "number", min: 0, id: (0, lodash_1.uniqueId)('limit-'), value: sql.limit || '', onChange: onLimitChange })),
+        showOffset && (react_1.default.createElement(EditorField_1.EditorField, { label: "Offset", optional: true, width: 25 },
+            react_1.default.createElement(ui_1.Input, { type: "number", id: (0, lodash_1.uniqueId)('offset-'), value: sql.offset || '', onChange: onOffsetChange })))));
+}
+exports.OrderByRow = OrderByRow;
+//# sourceMappingURL=OrderByRow.js.map

package/dist/components/QueryEditor/visual-query-builder/OrderByRow.js.map

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

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Preview = void 0;
+const tslib_1 = require("tslib");
+const css_1 = require("@emotion/css");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_use_1 = require("react-use");
+const ui_1 = require("@grafana/ui");
+const formatSQL_1 = require("../utils/formatSQL");
+function Preview({ rawSql }) {
+    // TODO: use zero index to give feedback about copy success
+    const [_, copyToClipboard] = (0, react_use_1.useCopyToClipboard)();
+    const styles = (0, ui_1.useStyles2)(getStyles);
+    const labelElement = (react_1.default.createElement("div", { className: styles.labelWrapper },
+        react_1.default.createElement("label", { className: styles.label }, "Preview"),
+        react_1.default.createElement(ui_1.IconButton, { tooltip: "Copy to clipboard", onClick: () => copyToClipboard(rawSql), name: "copy" })));
+    return (react_1.default.createElement(ui_1.Field, { label: labelElement, className: styles.grow },
+        react_1.default.createElement(ui_1.CodeEditor, { language: "sql", height: 80, value: (0, formatSQL_1.formatSQL)(rawSql), monacoOptions: { scrollbar: { vertical: 'hidden' }, scrollBeyondLastLine: false }, readOnly: true, showMiniMap: false })));
+}
+exports.Preview = Preview;
+function getStyles(theme) {
+    return {
+        grow: (0, css_1.css)({ flexGrow: 1 }),
+        label: (0, css_1.css)({ fontSize: 12, fontWeight: theme.typography.fontWeightMedium }),
+        labelWrapper: (0, css_1.css)({ display: 'flex', justifyContent: 'space-between', paddingBottom: theme.spacing(0.5) }),
+    };
+}
+//# sourceMappingURL=Preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../../src/components/QueryEditor/visual-query-builder/Preview.tsx"],"names":[],"mappings":";;;;AAAA,sCAAmC;AACnC,0DAA0B;AAC1B,yCAA+C;AAG/C,oCAAwE;AAExE,kDAA+C;AAM/C,SAAgB,OAAO,CAAC,EAAE,MAAM,EAAgB;IAC9C,2DAA2D;IAC3D,MAAM,CAAC,CAAC,EAAE,eAAe,CAAC,GAAG,IAAA,8BAAkB,GAAE,CAAC;IAClD,MAAM,MAAM,GAAG,IAAA,eAAU,EAAC,SAAS,CAAC,CAAC;IAErC,MAAM,YAAY,GAAG,CACnB,uCAAK,SAAS,EAAE,MAAM,CAAC,YAAY;QACjC,yCAAO,SAAS,EAAE,MAAM,CAAC,KAAK,cAAiB;QAC/C,8BAAC,eAAU,IAAC,OAAO,EAAC,mBAAmB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,IAAI,EAAC,MAAM,GAAG,CAC1F,CACP,CAAC;IAEF,OAAO,CACL,8BAAC,UAAK,IAAC,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI;QAChD,8BAAC,eAAU,IACT,QAAQ,EAAC,KAAK,EACd,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,IAAA,qBAAS,EAAC,MAAM,CAAC,EACxB,aAAa,EAAE,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,oBAAoB,EAAE,KAAK,EAAE,EACjF,QAAQ,EAAE,IAAI,EACd,WAAW,EAAE,KAAK,GAClB,CACI,CACT,CAAC;AACJ,CAAC;AAxBD,0BAwBC;AAED,SAAS,SAAS,CAAC,KAAoB;IACrC,OAAO;QACL,IAAI,EAAE,IAAA,SAAG,EAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC;QAC1B,KAAK,EAAE,IAAA,SAAG,EAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,CAAC;QAC3E,YAAY,EAAE,IAAA,SAAG,EAAC,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;KAC3G,CAAC;AACJ,CAAC"}

package/dist/components/QueryEditor/visual-query-builder/SQLGroupByRow.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SQLGroupByRow = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const GroupByRow_1 = require("./GroupByRow");
+const useSqlChange_1 = require("../utils/useSqlChange");
+function SQLGroupByRow({ fields, query, onQueryChange, db }) {
+    const { onSqlChange } = (0, useSqlChange_1.useSqlChange)({ query, onQueryChange, db });
+    return react_1.default.createElement(GroupByRow_1.GroupByRow, { columns: fields, sql: query.sql, onSqlChange: onSqlChange });
+}
+exports.SQLGroupByRow = SQLGroupByRow;
+//# sourceMappingURL=SQLGroupByRow.js.map

package/dist/components/QueryEditor/visual-query-builder/SQLGroupByRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SQLGroupByRow.js","sourceRoot":"","sources":["../../../../src/components/QueryEditor/visual-query-builder/SQLGroupByRow.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAI1B,6CAA0C;AAG1C,wDAAqD;AASrD,SAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAsB;IACpF,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,2BAAY,EAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC;IAEnE,OAAO,8BAAC,uBAAU,IAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,GAAI,EAAE,WAAW,EAAE,WAAW,GAAI,CAAC;AACpF,CAAC;AAJD,sCAIC"}

package/dist/components/QueryEditor/visual-query-builder/SQLOrderByRow.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SQLOrderByRow = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const OrderByRow_1 = require("./OrderByRow");
+const useSqlChange_1 = require("../utils/useSqlChange");
+function SQLOrderByRow({ fields, query, onQueryChange, db }) {
+    var _a, _b;
+    const { onSqlChange } = (0, useSqlChange_1.useSqlChange)({ query, onQueryChange, db });
+    let columnsWithIndices = [];
+    if (fields) {
+        const options = (_b = (_a = query.sql) === null || _a === void 0 ? void 0 : _a.columns) === null || _b === void 0 ? void 0 : _b.map((c, i) => {
+            var _a, _b;
+            const value = c.name ? `${c.name}(${(_a = c.parameters) === null || _a === void 0 ? void 0 : _a.map((p) => p.name)})` : (_b = c.parameters) === null || _b === void 0 ? void 0 : _b.map((p) => p.name);
+            return {
+                value,
+                label: `${i + 1} - ${value}`,
+            };
+        });
+        columnsWithIndices = [
+            {
+                value: '',
+                label: 'Selected columns',
+                options,
+                expanded: true,
+            },
+            ...fields,
+        ];
+    }
+    return react_1.default.createElement(OrderByRow_1.OrderByRow, { sql: query.sql, onSqlChange: onSqlChange, columns: columnsWithIndices });
+}
+exports.SQLOrderByRow = SQLOrderByRow;
+//# sourceMappingURL=SQLOrderByRow.js.map

package/dist/components/QueryEditor/visual-query-builder/SQLOrderByRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SQLOrderByRow.js","sourceRoot":"","sources":["../../../../src/components/QueryEditor/visual-query-builder/SQLOrderByRow.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAI1B,6CAA0C;AAG1C,wDAAqD;AASrD,SAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAsB;;IACpF,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,2BAAY,EAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC;IACnE,IAAI,kBAAkB,GAAsB,EAAE,CAAC;IAE/C,IAAI,MAAM,EAAE;QACV,MAAM,OAAO,GAAG,MAAA,MAAA,KAAK,CAAC,GAAG,0CAAE,OAAO,0CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;;YAC/C,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,MAAA,CAAC,CAAC,UAAU,0CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,MAAA,CAAC,CAAC,UAAU,0CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YAC3G,OAAO;gBACL,KAAK;gBACL,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,KAAK,EAAE;aAC7B,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,kBAAkB,GAAG;YACnB;gBACE,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,kBAAkB;gBACzB,OAAO;gBACP,QAAQ,EAAE,IAAI;aACf;YACD,GAAG,MAAM;SACV,CAAC;KACH;IAED,OAAO,8BAAC,uBAAU,IAAC,GAAG,EAAE,KAAK,CAAC,GAAI,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,kBAAkB,GAAI,CAAC;AAChG,CAAC;AAxBD,sCAwBC"}