@grafana/plugin-ui 0.1.10

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SQLSelectRow = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_use_1 = require("react-use");
+const data_1 = require("@grafana/data");
+const SelectRow_1 = require("./SelectRow");
+const useSqlChange_1 = require("../utils/useSqlChange");
+function SQLSelectRow({ fields, query, onQueryChange, db }) {
+    const { onSqlChange } = (0, useSqlChange_1.useSqlChange)({ query, onQueryChange, db });
+    const state = (0, react_use_1.useAsync)(() => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const functions = yield db.functions();
+        return functions.map((f) => (0, data_1.toOption)(f.name));
+    }), [db]);
+    return react_1.default.createElement(SelectRow_1.SelectRow, { columns: fields, sql: query.sql, functions: state.value, onSqlChange: onSqlChange });
+}
+exports.SQLSelectRow = SQLSelectRow;
+//# sourceMappingURL=SQLSelectRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SQLSelectRow.js","sourceRoot":"","sources":["../../../../src/components/QueryEditor/visual-query-builder/SQLSelectRow.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,yCAAqC;AAErC,wCAA0D;AAE1D,2CAAwC;AAGxC,wDAAqD;AASrD,SAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAqB;IAClF,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,2BAAY,EAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC;IAEnE,MAAM,KAAK,GAAG,IAAA,oBAAQ,EAAC,GAAS,EAAE;QAChC,MAAM,SAAS,GAAG,MAAM,EAAE,CAAC,SAAS,EAAE,CAAC;QACvC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAA,eAAQ,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAChD,CAAC,CAAA,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,OAAO,8BAAC,qBAAS,IAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,GAAI,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,EAAE,WAAW,EAAE,WAAW,GAAI,CAAC;AAC3G,CAAC;AATD,oCASC"}

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SQLWhereRow = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const useAsync_1 = tslib_1.__importDefault(require("react-use/lib/useAsync"));
+const WhereRow_1 = require("./WhereRow");
+const useSqlChange_1 = require("../utils/useSqlChange");
+function SQLWhereRow({ query, fields, onQueryChange, db }) {
+    const state = (0, useAsync_1.default)(() => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        return mapFieldsToTypes(fields);
+    }), [fields]);
+    const { onSqlChange } = (0, useSqlChange_1.useSqlChange)({ query, onQueryChange, db });
+    return (react_1.default.createElement(WhereRow_1.WhereRow
+    // TODO: fix key that's used to force clean render or SQLWhereRow - otherwise it doesn't render operators correctly
+    , { 
+        // TODO: fix key that's used to force clean render or SQLWhereRow - otherwise it doesn't render operators correctly
+        key: JSON.stringify(state.value), config: { fields: state.value || {} }, sql: query.sql, onSqlChange: (val) => {
+            onSqlChange(val);
+        } }));
+}
+exports.SQLWhereRow = SQLWhereRow;
+// needed for awesome query builder
+function mapFieldsToTypes(columns) {
+    const fields = {};
+    for (const col of columns) {
+        fields[col.value] = {
+            type: col.raqbFieldType || 'text',
+            valueSources: ['value'],
+            mainWidgetProps: { customProps: { icon: col.icon } },
+        };
+    }
+    return fields;
+}
+//# sourceMappingURL=SQLWhereRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SQLWhereRow.js","sourceRoot":"","sources":["../../../../src/components/QueryEditor/visual-query-builder/SQLWhereRow.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,8EAA8C;AAK9C,yCAAsC;AAGtC,wDAAqD;AASrD,SAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,EAAiB;IAC7E,MAAM,KAAK,GAAG,IAAA,kBAAQ,EAAC,GAAS,EAAE;QAChC,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAClC,CAAC,CAAA,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,2BAAY,EAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC;IAEnE,OAAO,CACL,8BAAC,mBAAQ;IACP,mHAAmH;;QAAnH,mHAAmH;QACnH,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,EAChC,MAAM,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,EACrC,GAAG,EAAE,KAAK,CAAC,GAAI,EACf,WAAW,EAAE,CAAC,GAAkB,EAAE,EAAE;YAClC,WAAW,CAAC,GAAG,CAAC,CAAC;QACnB,CAAC,GACD,CACH,CAAC;AACJ,CAAC;AAlBD,kCAkBC;AAED,mCAAmC;AACnC,SAAS,gBAAgB,CAAC,OAA6B;IACrD,MAAM,MAAM,GAAqB,EAAE,CAAC;IACpC,KAAK,MAAM,GAAG,IAAI,OAAO,EAAE;QACzB,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG;YAClB,IAAI,EAAE,GAAG,CAAC,aAAa,IAAI,MAAM;YACjC,YAAY,EAAE,CAAC,OAAO,CAAC;YACvB,eAAe,EAAE,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,EAAE;SACrD,CAAC;KACH;IACD,OAAO,MAAM,CAAC;AAChB,CAAC"}

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

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectRow = void 0;
+const tslib_1 = require("tslib");
+const css_1 = require("@emotion/css");
+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 EditorField_1 = require("../EditorField");
+const expressions_1 = require("../expressions");
+const sql_utils_1 = require("../utils/sql.utils");
+const Stack_1 = require("../Stack");
+const asteriskValue = { label: '*', value: '*' };
+function SelectRow({ sql, columns, onSqlChange, functions }) {
+    var _a;
+    const styles = (0, ui_1.useStyles2)(getStyles);
+    const columnsWithAsterisk = [asteriskValue, ...(columns || [])];
+    const onColumnChange = (0, react_1.useCallback)((item, index) => (column) => {
+        var _a, _b;
+        let modifiedItem = Object.assign({}, item);
+        if (!((_a = item.parameters) === null || _a === void 0 ? void 0 : _a.length)) {
+            modifiedItem.parameters = [{ type: expressions_1.QueryEditorExpressionType.FunctionParameter, name: column.value }];
+        }
+        else {
+            modifiedItem.parameters = item.parameters.map((p) => p.type === expressions_1.QueryEditorExpressionType.FunctionParameter ? Object.assign(Object.assign({}, p), { name: column.value }) : p);
+        }
+        const newSql = Object.assign(Object.assign({}, sql), { columns: (_b = sql.columns) === null || _b === void 0 ? void 0 : _b.map((c, i) => (i === index ? modifiedItem : c)) });
+        onSqlChange(newSql);
+    }, [onSqlChange, sql]);
+    const onAggregationChange = (0, react_1.useCallback)((item, index) => (aggregation) => {
+        var _a;
+        const newItem = Object.assign(Object.assign({}, item), { name: aggregation === null || aggregation === void 0 ? void 0 : aggregation.value });
+        const newSql = Object.assign(Object.assign({}, sql), { columns: (_a = sql.columns) === null || _a === void 0 ? void 0 : _a.map((c, i) => (i === index ? newItem : c)) });
+        onSqlChange(newSql);
+    }, [onSqlChange, sql]);
+    const removeColumn = (0, react_1.useCallback)((index) => () => {
+        const clone = [...sql.columns];
+        clone.splice(index, 1);
+        const newSql = Object.assign(Object.assign({}, sql), { columns: clone });
+        onSqlChange(newSql);
+    }, [onSqlChange, sql]);
+    const addColumn = (0, react_1.useCallback)(() => {
+        const newSql = Object.assign(Object.assign({}, sql), { columns: [...sql.columns, (0, sql_utils_1.createFunctionField)()] });
+        onSqlChange(newSql);
+    }, [onSqlChange, sql]);
+    return (react_1.default.createElement(Stack_1.Stack, { gap: 2, alignItems: "end", wrap: true, direction: "column" }, (_a = sql.columns) === null || _a === void 0 ? void 0 :
+        _a.map((item, index) => (react_1.default.createElement("div", { key: index },
+            react_1.default.createElement(Stack_1.Stack, { gap: 2, alignItems: "end" },
+                react_1.default.createElement(EditorField_1.EditorField, { label: "Column", width: 25 },
+                    react_1.default.createElement(ui_1.Select, { value: getColumnValue(item), options: columnsWithAsterisk, inputId: `select-column-${index}-${(0, lodash_1.uniqueId)()}`, menuShouldPortal: true, allowCustomValue: true, onChange: onColumnChange(item, index) })),
+                react_1.default.createElement(EditorField_1.EditorField, { label: "Aggregation", optional: true, width: 25 },
+                    react_1.default.createElement(ui_1.Select, { value: item.name ? (0, data_1.toOption)(item.name) : null, inputId: `select-aggregation-${index}-${(0, lodash_1.uniqueId)()}`, isClearable: true, menuShouldPortal: true, allowCustomValue: true, options: functions, onChange: onAggregationChange(item, index) })),
+                react_1.default.createElement(ui_1.Button, { "aria-label": "Remove", type: "button", icon: "trash-alt", variant: "secondary", size: "md", onClick: removeColumn(index) }))))),
+        react_1.default.createElement(ui_1.Button, { type: "button", onClick: addColumn, variant: "secondary", size: "md", icon: "plus", "aria-label": "Add", className: styles.addButton })));
+}
+exports.SelectRow = SelectRow;
+const getStyles = () => {
+    return { addButton: (0, css_1.css)({ alignSelf: 'flex-start' }) };
+};
+function getColumnValue({ parameters }) {
+    const column = parameters === null || parameters === void 0 ? void 0 : parameters.find((p) => p.type === expressions_1.QueryEditorExpressionType.FunctionParameter);
+    if (column === null || column === void 0 ? void 0 : column.name) {
+        return (0, data_1.toOption)(column.name);
+    }
+    return null;
+}
+//# sourceMappingURL=SelectRow.js.map

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

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

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Stack = 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 Stack = (_a) => {
+    var { children } = _a, props = tslib_1.__rest(_a, ["children"]);
+    const theme = (0, ui_1.useTheme2)();
+    const styles = useStyles(theme, props);
+    return react_1.default.createElement("div", { className: styles.root }, children);
+};
+exports.Stack = Stack;
+const useStyles = (0, ui_1.stylesFactory)((theme, props) => {
+    var _a, _b, _c;
+    return ({
+        root: (0, css_1.css)({
+            display: 'flex',
+            flexDirection: (_a = props.direction) !== null && _a !== void 0 ? _a : 'row',
+            flexWrap: ((_b = props.wrap) !== null && _b !== void 0 ? _b : true) ? 'wrap' : undefined,
+            alignItems: props.alignItems,
+            gap: theme.spacing((_c = props.gap) !== null && _c !== void 0 ? _c : 2),
+        }),
+    });
+});
+//# sourceMappingURL=Stack.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../../src/components/QueryEditor/visual-query-builder/Stack.tsx"],"names":[],"mappings":";;;;AAAA,sCAAmC;AACnC,0DAA6C;AAG7C,oCAAuD;AAShD,MAAM,KAAK,GAAyB,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApB,YAAsB,CAAF;IAC9D,MAAM,KAAK,GAAG,IAAA,cAAS,GAAE,CAAC;IAC1B,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAEvC,OAAO,uCAAK,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,QAAQ,CAAO,CAAC;AACvD,CAAC,CAAC;AALW,QAAA,KAAK,SAKhB;AAEF,MAAM,SAAS,GAAG,IAAA,kBAAa,EAAC,CAAC,KAAoB,EAAE,KAAiB,EAAE,EAAE;;IAAC,OAAA,CAAC;QAC5E,IAAI,EAAE,IAAA,SAAG,EAAC;YACR,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,KAAK;YACvC,QAAQ,EAAE,CAAA,MAAA,KAAK,CAAC,IAAI,mCAAI,IAAI,EAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;YACjD,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,MAAA,KAAK,CAAC,GAAG,mCAAI,CAAC,CAAC;SACnC,CAAC;KACH,CAAC,CAAA;CAAA,CAAC,CAAC"}

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

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VisualEditor = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_use_1 = require("react-use");
+const QueryToolbox_1 = require("../query-editor-raw/QueryToolbox");
+const Preview_1 = require("./Preview");
+const SQLGroupByRow_1 = require("./SQLGroupByRow");
+const SQLOrderByRow_1 = require("./SQLOrderByRow");
+const SQLSelectRow_1 = require("./SQLSelectRow");
+const SQLWhereRow_1 = require("./SQLWhereRow");
+const EditorRow_1 = require("./EditorRow");
+const EditorField_1 = require("./EditorField");
+const EditorRows_1 = require("./EditorRows");
+const VisualEditor = ({ query, db, queryRowFilter, onChange, onValidate, range, }) => {
+    const state = (0, react_use_1.useAsync)(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const fields = yield db.fields(query);
+        return fields;
+    }), [db, query.dataset, query.table]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(EditorRows_1.EditorRows, null,
+            react_1.default.createElement(EditorRow_1.EditorRow, null,
+                react_1.default.createElement(SQLSelectRow_1.SQLSelectRow, { fields: state.value || [], query: query, onQueryChange: onChange, db: db })),
+            queryRowFilter.filter && (react_1.default.createElement(EditorRow_1.EditorRow, null,
+                react_1.default.createElement(EditorField_1.EditorField, { label: "Filter by column value", optional: true },
+                    react_1.default.createElement(SQLWhereRow_1.SQLWhereRow, { fields: state.value || [], query: query, onQueryChange: onChange, db: db })))),
+            queryRowFilter.group && (react_1.default.createElement(EditorRow_1.EditorRow, null,
+                react_1.default.createElement(EditorField_1.EditorField, { label: "Group by column" },
+                    react_1.default.createElement(SQLGroupByRow_1.SQLGroupByRow, { fields: state.value || [], query: query, onQueryChange: onChange, db: db })))),
+            queryRowFilter.order && (react_1.default.createElement(EditorRow_1.EditorRow, null,
+                react_1.default.createElement(SQLOrderByRow_1.SQLOrderByRow, { fields: state.value || [], query: query, onQueryChange: onChange, db: db }))),
+            queryRowFilter.preview && query.rawSql && (react_1.default.createElement(EditorRow_1.EditorRow, null,
+                react_1.default.createElement(Preview_1.Preview, { rawSql: query.rawSql })))),
+        react_1.default.createElement(QueryToolbox_1.QueryToolbox, { db: db, query: query, onValidate: onValidate, range: range })));
+};
+exports.VisualEditor = VisualEditor;
+//# sourceMappingURL=VisualEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VisualEditor.js","sourceRoot":"","sources":["../../../../src/components/QueryEditor/visual-query-builder/VisualEditor.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,yCAAqC;AAGrC,mEAAgE;AAEhE,uCAAoC;AACpC,mDAAgD;AAChD,mDAAgD;AAChD,iDAA8C;AAC9C,+CAA4C;AAG5C,2CAAwC;AACxC,+CAA4C;AAC5C,6CAAyC;AAWlC,MAAM,YAAY,GAAgC,CAAC,EACxD,KAAK,EACL,EAAE,EACF,cAAc,EACd,QAAQ,EACR,UAAU,EACV,KAAK,GACN,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,oBAAQ,EAAC,GAAS,EAAE;QAChC,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACtC,OAAO,MAAM,CAAC;IAChB,CAAC,CAAA,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAErC,OAAO,CACL;QACE,8BAAC,uBAAU;YACT,8BAAC,qBAAS;gBACR,8BAAC,2BAAY,IAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,GAAI,CAChF;YACX,cAAc,CAAC,MAAM,IAAI,CACxB,8BAAC,qBAAS;gBACR,8BAAC,yBAAW,IAAC,KAAK,EAAC,wBAAwB,EAAC,QAAQ;oBAClD,8BAAC,yBAAW,IAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,GAAI,CAC7E,CACJ,CACb;YACA,cAAc,CAAC,KAAK,IAAI,CACvB,8BAAC,qBAAS;gBACR,8BAAC,yBAAW,IAAC,KAAK,EAAC,iBAAiB;oBAClC,8BAAC,6BAAa,IAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,GAAI,CAC/E,CACJ,CACb;YACA,cAAc,CAAC,KAAK,IAAI,CACvB,8BAAC,qBAAS;gBACR,8BAAC,6BAAa,IAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,GAAI,CACjF,CACb;YACA,cAAc,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,IAAI,CACzC,8BAAC,qBAAS;gBACR,8BAAC,iBAAO,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CACvB,CACb,CACU;QACb,8BAAC,2BAAY,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAC3E,CACJ,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,YAAY,gBA+CvB"}

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

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WhereRow = void 0;
+const tslib_1 = require("tslib");
+const css_1 = require("@emotion/css");
+const react_1 = tslib_1.__importStar(require("react"));
+const react_awesome_query_builder_1 = require("react-awesome-query-builder");
+const AwesomeQueryBuilder_1 = require("./AwesomeQueryBuilder");
+function WhereRow({ sql, config, onSqlChange }) {
+    const [tree, setTree] = (0, react_1.useState)();
+    const configWithDefaults = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, AwesomeQueryBuilder_1.raqbConfig), config)), [config]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        // Set the initial tree
+        if (!tree) {
+            const initTree = react_awesome_query_builder_1.Utils.checkTree(react_awesome_query_builder_1.Utils.loadTree((_a = sql.whereJsonTree) !== null && _a !== void 0 ? _a : AwesomeQueryBuilder_1.emptyInitTree), configWithDefaults);
+            setTree(initTree);
+        }
+    }, [configWithDefaults, sql.whereJsonTree, tree]);
+    (0, react_1.useEffect)(() => {
+        if (!sql.whereJsonTree) {
+            setTree(react_awesome_query_builder_1.Utils.checkTree(react_awesome_query_builder_1.Utils.loadTree(AwesomeQueryBuilder_1.emptyInitTree), configWithDefaults));
+        }
+    }, [configWithDefaults, sql.whereJsonTree]);
+    const onTreeChange = (0, react_1.useCallback)((changedTree, config) => {
+        setTree(changedTree);
+        const newSql = Object.assign(Object.assign({}, sql), { whereJsonTree: react_awesome_query_builder_1.Utils.getTree(changedTree), whereString: react_awesome_query_builder_1.Utils.sqlFormat(changedTree, config) });
+        onSqlChange(newSql);
+    }, [onSqlChange, sql]);
+    if (!tree) {
+        return null;
+    }
+    return (react_1.default.createElement(react_awesome_query_builder_1.Query, Object.assign({}, configWithDefaults, { value: tree, onChange: onTreeChange, renderBuilder: (props) => react_1.default.createElement(react_awesome_query_builder_1.Builder, Object.assign({}, props)) })));
+}
+exports.WhereRow = WhereRow;
+function flex(direction) {
+    return `
+    display: flex;
+    gap: 8px;
+    flex-direction: ${direction};`;
+}
+// eslint-disable-next-line @typescript-eslint/no-unused-expressions
+(0, css_1.injectGlobal) `
+  .group--header {
+    ${flex('row')}
+  }
+
+  .group-or-rule {
+    ${flex('column')}
+    .rule {
+      flex-direction: row;
+    }
+  }
+
+  .rule--body {
+    ${flex('row')}
+  }
+
+  .group--children {
+    ${flex('column')}
+  }
+
+  .group--conjunctions:empty {
+    display: none;
+  }
+`;
+//# sourceMappingURL=WhereRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WhereRow.js","sourceRoot":"","sources":["../../../../src/components/QueryEditor/visual-query-builder/WhereRow.tsx"],"names":[],"mappings":";;;;AAAA,sCAA4C;AAC5C,uDAAyE;AACzE,6EAA2F;AAE3F,+DAAkE;AAQlE,SAAgB,QAAQ,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAA2B;IAC5E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,GAAiB,CAAC;IAClD,MAAM,kBAAkB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,iCAAM,gCAAU,GAAK,MAAM,EAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEnF,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,uBAAuB;QACvB,IAAI,CAAC,IAAI,EAAE;YACT,MAAM,QAAQ,GAAG,mCAAK,CAAC,SAAS,CAAC,mCAAK,CAAC,QAAQ,CAAC,MAAA,GAAG,CAAC,aAAa,mCAAI,mCAAa,CAAC,EAAE,kBAAkB,CAAC,CAAC;YACzG,OAAO,CAAC,QAAQ,CAAC,CAAC;SACnB;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE;YACtB,OAAO,CAAC,mCAAK,CAAC,SAAS,CAAC,mCAAK,CAAC,QAAQ,CAAC,mCAAa,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC;SAC7E;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,WAA0B,EAAE,MAAc,EAAE,EAAE;QAC7C,OAAO,CAAC,WAAW,CAAC,CAAC;QACrB,MAAM,MAAM,mCACP,GAAG,KACN,aAAa,EAAE,mCAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EACzC,WAAW,EAAE,mCAAK,CAAC,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC,GAClD,CAAC;QAEF,WAAW,CAAC,MAAM,CAAC,CAAC;IACtB,CAAC,EACD,CAAC,WAAW,EAAE,GAAG,CAAC,CACnB,CAAC;IAEF,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,8BAAC,mCAAK,oBACA,kBAAkB,IACtB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,YAAY,EACtB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAC,qCAAO,oBAAK,KAAK,EAAI,IAChD,CACH,CAAC;AACJ,CAAC;AA5CD,4BA4CC;AAED,SAAS,IAAI,CAAC,SAAiB;IAC7B,OAAO;;;sBAGa,SAAS,GAAG,CAAC;AACnC,CAAC;AAED,oEAAoE;AACpE,IAAA,kBAAY,EAAA;;MAEN,IAAI,CAAC,KAAK,CAAC;;;;MAIX,IAAI,CAAC,QAAQ,CAAC;;;;;;;MAOd,IAAI,CAAC,KAAK,CAAC;;;;MAIX,IAAI,CAAC,QAAQ,CAAC;;;;;;CAMnB,CAAC"}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupByRow = void 0;
+var GroupByRow_1 = require("./GroupByRow");
+Object.defineProperty(exports, "GroupByRow", { enumerable: true, get: function () { return GroupByRow_1.GroupByRow; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/QueryEditor/visual-query-builder/index.ts"],"names":[],"mappings":";;;AAAA,2CAA0C;AAAjC,wGAAA,UAAU,OAAA"}

package/dist/components/QueryEditorRow/QueryEditorRow.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QueryEditorRow = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+;
+const QueryEditorRow = (props) => {
+    var _a, _b;
+    const className = (_a = props.className) !== null && _a !== void 0 ? _a : 'width-8';
+    const noFillEnd = (_b = props.noFillEnd) !== null && _b !== void 0 ? _b : false;
+    return (react_1.default.createElement("div", { className: 'gf-form' },
+        props.label && (react_1.default.createElement("label", { className: `gf-form-label query-keyword ${className}` }, props.label)),
+        props.children,
+        react_1.default.createElement("div", { className: 'gf-form--grow' }, noFillEnd || (react_1.default.createElement("div", { className: 'gf-form-label gf-form-label--grow' })))));
+};
+exports.QueryEditorRow = QueryEditorRow;
+//# sourceMappingURL=QueryEditorRow.js.map

package/dist/components/QueryEditorRow/QueryEditorRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryEditorRow.js","sourceRoot":"","sources":["../../../src/components/QueryEditorRow/QueryEditorRow.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAOzB,CAAC;AAEK,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;;IAC3D,MAAM,SAAS,GAAW,MAAA,KAAK,CAAC,SAAS,mCAAI,SAAS,CAAC;IACvD,MAAM,SAAS,GAAY,MAAA,KAAK,CAAC,SAAS,mCAAI,KAAK,CAAC;IAEpD,OAAO,CACL,uCAAK,SAAS,EAAC,SAAS;QACrB,KAAK,CAAC,KAAK,IAAI,CACd,yCAAO,SAAS,EAAE,+BAA+B,SAAS,EAAE,IAAG,KAAK,CAAC,KAAK,CAAS,CACpF;QACA,KAAK,CAAC,QAAQ;QAEf,uCAAK,SAAS,EAAE,eAAe,IAC5B,SAAS,IAAI,CACZ,uCAAK,SAAS,EAAE,mCAAmC,GAAQ,CAC5D,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,cAAc,kBAkBzB"}

package/dist/components/Segment/Segment.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Segment = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const ui_1 = require("@grafana/ui");
+const useDebounce_1 = require("../../hooks/useDebounce");
+function Segment(props) {
+    const { delay, onDebounce, value, options } = props, rest = tslib_1.__rest(props, ["delay", "onDebounce", "value", "options"]);
+    const [input, setInput] = react_1.default.useState(value);
+    const debouncedSegment = (0, useDebounce_1.useDebounce)(input, delay);
+    (0, react_1.useEffect)(() => onDebounce(debouncedSegment), [debouncedSegment]);
+    (0, react_1.useEffect)(() => setInput(value), [value]);
+    return (react_1.default.createElement(ui_1.Segment, Object.assign({ options: options, onChange: (ev) => setInput(ev.value), value: input }, rest)));
+}
+exports.Segment = Segment;
+;
+//# sourceMappingURL=Segment.js.map

package/dist/components/Segment/Segment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Segment.js","sourceRoot":"","sources":["../../../src/components/Segment/Segment.tsx"],"names":[],"mappings":";;;;AAAA,uDAAyC;AACzC,oCAAwD;AAGxD,yDAAsD;AAQtD,SAAgB,OAAO,CAAK,KAAsB;IAChD,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,KAAc,KAAK,EAAd,IAAI,kBAAK,KAAK,EAAtD,2CAA8C,CAAQ,CAAC;IAC7D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,gBAAgB,GAAG,IAAA,yBAAW,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAEnD,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAClE,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE1C,OAAO,CACL,8BAAC,YAAc,kBACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,EAAsB,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAM,CAAC,EACzD,KAAK,EAAE,KAAK,IACR,IAAI,EACR,CACH,CAAC;AACJ,CAAC;AAjBD,0BAiBC;AAAA,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CertificationKey = exports.InlineSwitch = exports.formatDate = exports.DatePickerWithInput = exports.DatePicker = exports.Segment = exports.DebounceInput = exports.QueryEditorRow = exports.AsyncButtonCascader = void 0;
+const tslib_1 = require("tslib");
+var AsyncButtonCascader_1 = require("./AsyncButtonCascader/AsyncButtonCascader");
+Object.defineProperty(exports, "AsyncButtonCascader", { enumerable: true, get: function () { return AsyncButtonCascader_1.AsyncButtonCascader; } });
+var QueryEditorRow_1 = require("./QueryEditorRow/QueryEditorRow");
+Object.defineProperty(exports, "QueryEditorRow", { enumerable: true, get: function () { return QueryEditorRow_1.QueryEditorRow; } });
+var DebounceInput_1 = require("./DebounceInput/DebounceInput");
+Object.defineProperty(exports, "DebounceInput", { enumerable: true, get: function () { return DebounceInput_1.DebounceInput; } });
+var Segment_1 = require("./Segment/Segment");
+Object.defineProperty(exports, "Segment", { enumerable: true, get: function () { return Segment_1.Segment; } });
+var DatePicker_1 = require("./DatePicker/DatePicker");
+Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return DatePicker_1.DatePicker; } });
+var DatePickerWithInput_1 = require("./DatePickerWithInput/DatePickerWithInput");
+Object.defineProperty(exports, "DatePickerWithInput", { enumerable: true, get: function () { return DatePickerWithInput_1.DatePickerWithInput; } });
+Object.defineProperty(exports, "formatDate", { enumerable: true, get: function () { return DatePickerWithInput_1.formatDate; } });
+tslib_1.__exportStar(require("./DataSourcePicker/DataSourcePicker"), exports);
+tslib_1.__exportStar(require("./DataLinks"), exports);
+tslib_1.__exportStar(require("./Cascader/Cascader"), exports);
+var ui_1 = require("@grafana/ui");
+Object.defineProperty(exports, "InlineSwitch", { enumerable: true, get: function () { return ui_1.InlineSwitch; } });
+Object.defineProperty(exports, "CertificationKey", { enumerable: true, get: function () { return ui_1.CertificationKey; } });
+tslib_1.__exportStar(require("./QueryEditor"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;AAAA,iFAAgF;AAAvE,0HAAA,mBAAmB,OAAA;AAC5B,kEAAiE;AAAxD,gHAAA,cAAc,OAAA;AACvB,+DAGuC;AAFrC,8GAAA,aAAa,OAAA;AAGf,6CAG2B;AAFzB,kGAAA,OAAO,OAAA;AAGT,sDAAsE;AAA7D,wGAAA,UAAU,OAAA;AACnB,iFAImD;AAHjD,0HAAA,mBAAmB,OAAA;AAEnB,iHAAA,UAAU,OAAA;AAEZ,8EAAoD;AACpD,sDAA4B;AAC5B,8DAAoC;AACpC,kCAA6D;AAApD,kGAAA,YAAY,OAAA;AAAE,sGAAA,gBAAgB,OAAA;AACvC,wDAA8B"}

package/dist/datasource/SqlDatasource.js

@@ -0,0 +1,161 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSearchFilterScopedVar = exports.containsSearchFilter = exports.SEARCH_FILTER_VARIABLE = exports.SqlDatasource = void 0;
+const tslib_1 = require("tslib");
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const data_1 = require("@grafana/data");
+const runtime_1 = require("@grafana/runtime");
+const constants_1 = require("./constants");
+// import { toTestingStatus } from '@grafana/runtime/utils/queryResponse';
+const types_1 = require("../components/QueryEditor/types");
+class SqlDatasource extends runtime_1.DataSourceWithBackend {
+    constructor(instanceSettings, templateSrv = (0, runtime_1.getTemplateSrv)()) {
+        super(instanceSettings);
+        this.templateSrv = templateSrv;
+        this.annotations = {};
+        this.interpolateVariable = (value, variable) => {
+            if (typeof value === 'string') {
+                if (variable.multi || variable.includeAll) {
+                    const result = this.getQueryModel().quoteLiteral(value);
+                    return result;
+                }
+                else {
+                    return value;
+                }
+            }
+            if (typeof value === 'number') {
+                return value;
+            }
+            if (Array.isArray(value)) {
+                const quotedValues = value.map((v) => this.getQueryModel().quoteLiteral(v));
+                return quotedValues.join(',');
+            }
+            return value;
+        };
+        this.name = instanceSettings.name;
+        this.id = instanceSettings.id;
+        const settingsData = instanceSettings.jsonData || {};
+        this.interval = settingsData.timeInterval || '1m';
+        this.db = this.getDB();
+    }
+    interpolateVariablesInQueries(queries, scopedVars) {
+        let expandedQueries = queries;
+        if (queries && queries.length > 0) {
+            expandedQueries = queries.map((query) => {
+                const expandedQuery = Object.assign(Object.assign({}, query), { datasource: this.getRef(), rawSql: this.templateSrv.replace(query.rawSql, scopedVars, this.interpolateVariable), rawQuery: true });
+                return expandedQuery;
+            });
+        }
+        return expandedQueries;
+    }
+    filterQuery(query) {
+        return !query.hide;
+    }
+    applyTemplateVariables(target, scopedVars) {
+        const queryModel = this.getQueryModel(target, this.templateSrv, scopedVars);
+        const rawSql = this.clean(queryModel.interpolate());
+        return {
+            refId: target.refId,
+            datasource: this.getRef(),
+            rawSql,
+            format: target.format,
+        };
+    }
+    clean(value) {
+        return value.replace(/''/g, "'");
+    }
+    metricFindQuery(query, optionalOptions) {
+        return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            const rawSql = this.templateSrv.replace(query, (0, exports.getSearchFilterScopedVar)({ query, wildcardChar: '%', options: optionalOptions }), this.interpolateVariable);
+            const interpolatedQuery = {
+                refId: 'tempvar',
+                datasource: this.getRef(),
+                rawSql,
+                format: types_1.QueryFormat.Table,
+            };
+            const response = yield this.runMetaQuery(interpolatedQuery, optionalOptions);
+            return this.getResponseParser().transformMetricFindResponse(response);
+        });
+    }
+    runSql(query, options) {
+        return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            const frame = yield this.runMetaQuery({ rawSql: query, format: types_1.QueryFormat.Table, refId: options === null || options === void 0 ? void 0 : options.refId }, options);
+            return new data_1.DataFrameView(frame);
+        });
+    }
+    runMetaQuery(request, options) {
+        var _a, _b;
+        const refId = request.refId || 'meta';
+        const queries = [Object.assign(Object.assign({}, request), { datasource: request.datasource || this.getRef(), refId })];
+        return (0, rxjs_1.lastValueFrom)((0, runtime_1.getBackendSrv)()
+            .fetch({
+            url: '/api/ds/query',
+            method: 'POST',
+            data: {
+                from: (_a = options === null || options === void 0 ? void 0 : options.range) === null || _a === void 0 ? void 0 : _a.from.valueOf().toString(),
+                to: (_b = options === null || options === void 0 ? void 0 : options.range) === null || _b === void 0 ? void 0 : _b.to.valueOf().toString(),
+                queries,
+            },
+            requestId: refId,
+        })
+            .pipe((0, operators_1.map)((res) => {
+            const rsp = (0, runtime_1.toDataQueryResponse)(res, queries);
+            return rsp.data[0];
+        })));
+    }
+    testDatasource() {
+        return (0, rxjs_1.lastValueFrom)((0, runtime_1.getBackendSrv)()
+            .fetch({
+            url: '/api/ds/query',
+            method: 'POST',
+            data: {
+                from: '5m',
+                to: 'now',
+                queries: [
+                    {
+                        refId: 'A',
+                        intervalMs: 1,
+                        maxDataPoints: 1,
+                        datasource: this.getRef(),
+                        datasourceId: this.id,
+                        rawSql: 'SELECT 1',
+                        format: 'table',
+                    },
+                ],
+            },
+        })
+            .pipe((0, operators_1.map)(() => ({ status: 'success', message: 'Database Connection OK' })), (0, operators_1.catchError)((err) => {
+            // return of(toTestingStatus(err));
+            return (0, rxjs_1.of)(err);
+        })));
+    }
+    targetContainsTemplate(target) {
+        let queryWithoutMacros = target.rawSql;
+        constants_1.MACRO_NAMES.forEach((value) => {
+            queryWithoutMacros = (queryWithoutMacros === null || queryWithoutMacros === void 0 ? void 0 : queryWithoutMacros.replace(value, '')) || '';
+        });
+        return this.templateSrv.containsTemplate(queryWithoutMacros);
+    }
+}
+exports.SqlDatasource = SqlDatasource;
+exports.SEARCH_FILTER_VARIABLE = '__searchFilter';
+const containsSearchFilter = (query) => query && typeof query === 'string' ? query.indexOf(exports.SEARCH_FILTER_VARIABLE) !== -1 : false;
+exports.containsSearchFilter = containsSearchFilter;
+const getSearchFilterScopedVar = (args) => {
+    const { query, wildcardChar } = args;
+    if (!(0, exports.containsSearchFilter)(query)) {
+        return {};
+    }
+    let { options } = args;
+    options = options || { searchFilter: '' };
+    const value = options.searchFilter ? `${options.searchFilter}${wildcardChar}` : `${wildcardChar}`;
+    return {
+        __searchFilter: {
+            value,
+            text: '',
+        },
+    };
+};
+exports.getSearchFilterScopedVar = getSearchFilterScopedVar;
+//# sourceMappingURL=SqlDatasource.js.map

package/dist/datasource/SqlDatasource.js.map

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

package/dist/datasource/constants.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MACRO_NAMES = void 0;
+exports.MACRO_NAMES = [
+    '$__time',
+    '$__timeEpoch',
+    '$__timeFilter',
+    '$__timeFrom',
+    '$__timeTo',
+    '$__timeGroup',
+    '$__timeGroupAlias',
+    '$__unixEpochFilter',
+    '$__unixEpochNanoFilter',
+    '$__unixEpochNanoFrom',
+    '$__unixEpochNanoTo',
+    '$__unixEpochGroup',
+    '$__unixEpochGroupAlias',
+];
+//# sourceMappingURL=constants.js.map

package/dist/datasource/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/datasource/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAG;IACzB,SAAS;IACT,cAAc;IACd,eAAe;IACf,aAAa;IACb,WAAW;IACX,cAAc;IACd,mBAAmB;IACnB,oBAAoB;IACpB,wBAAwB;IACxB,sBAAsB;IACtB,oBAAoB;IACpB,mBAAmB;IACnB,wBAAwB;CACzB,CAAC"}

package/dist/hooks/useDebounce.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDebounce = exports.DEFAULT_DELAY = void 0;
+const react_1 = require("react");
+exports.DEFAULT_DELAY = 275;
+const useDebounce = (value, delay = exports.DEFAULT_DELAY) => {
+    const [debouncedValue, setDebouncedValue] = (0, react_1.useState)(value);
+    (0, react_1.useEffect)(() => {
+        const handler = setTimeout(() => {
+            setDebouncedValue(value);
+        }, delay);
+        return () => {
+            clearTimeout(handler);
+        };
+    }, [value]);
+    return debouncedValue;
+};
+exports.useDebounce = useDebounce;
+//# sourceMappingURL=useDebounce.js.map

package/dist/hooks/useDebounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["../../src/hooks/useDebounce.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAE/B,QAAA,aAAa,GAAG,GAAG,CAAC;AAE1B,MAAM,WAAW,GAAG,CAAI,KAAQ,EAAE,QAAgB,qBAAa,EAAE,EAAE;IACxE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EAAE,KAAK,CAAC,CAAC;QAEV,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAdW,QAAA,WAAW,eActB"}