Add absent options processing

docker/grafana/dashboards/table_examples_dashboard.json

@@ -273,7 +273,7 @@
       "type": "table"
     }
   ],
-  "schemaVersion": 22,
+  "schemaVersion": 40,
   "style": "dark",
   "tags": [],
   "templating": {

package.json

@@ -18,6 +18,7 @@
     "create_instrumented": "npx nyc instrument --source-map --nycrc-path .nycrc ./src ./instrumented",
     "build:test:frontend": "webpack -c ./webpack.config.instrumented.ts --env test",
     "build:frontend": "webpack -c ./.config/webpack/webpack.config.ts --env production",
+    "build:backend": "docker compose run --rm backend_builder && chmod +rx ./dist",
     "build:wasm": "GOARCH=wasm GOOS=js tinygo build --target wasm ./pkg/backend_wasm.go && gzip -f ./backend_wasm.wasm && mkdir -pv ./src/static/ && mv -fv ./backend_wasm.wasm.gz ./src/static/backend.wasm.gz"
   },
   "author": "Altinity",

pkg/backend_wasm.go

@@ -176,7 +176,7 @@ func applyAdhocFiltersWasm(this js.Value, args []js.Value) interface{} {
 	// Replace $adhoc macro
 	renderedCondition := "1"
 	if len(adhocConditions) > 0 {
-		renderedCondition = fmt.Sprintf("(%s)", strings.Join(adhocConditions, " AND "))
+		renderedCondition = fmt.Sprintf("AND (%s)", strings.Join(adhocConditions, " AND "))
 	}
 
 	query = strings.ReplaceAll(query, "$adhoc", renderedCondition)

pkg/response.go

@@ -178,7 +178,7 @@ func (r *Response) createFrameIfNotExistsAndAddPoint(query *Query, framesMap map
 		timeStampDataFieldMap[frameName] = data.NewField(timestampFieldName, nil, []time.Time{})
 		valueDataFieldMap[frameName] = NewDataFieldByType(frameName, fieldType)
 		framesMap[frameName] = data.NewFrame(
-			frameName,
+			"",
 			timeStampDataFieldMap[frameName],
 			valueDataFieldMap[frameName],
 		)

src/views/QueryEditor/QueryEditor.tsx

@@ -17,6 +17,15 @@ export function QueryEditor(props: QueryEditorProps<CHDataSource, CHQuery, CHDat
   const isAnnotationView = !props.app;
   const initializedQuery = initializeQueryDefaults(query, isAnnotationView, datasource, onChange);
   const [formattedData, error] = useFormattedData(initializedQuery, datasource, data?.request);
+
+  useEffect(() => {
+    if (formattedData !== initializedQuery.query) {
+      onChange({ ...initializedQuery, rawQuery: formattedData })
+    }
+
+    // eslint-disable-next-line
+  }, [formattedData, initializedQuery.query]);
+
   const [editorMode, setEditorMode] = useState(initializedQuery.editorMode || EditorMode.Builder);
   useQueryState(query, onChange, datasource);
 
@@ -89,6 +98,15 @@ export function QueryEditorVariable(props: QueryEditorProps<CHDataSource, CHQuer
   const initializedQuery = initializeQueryDefaultsForVariables(processedQuery, isAnnotationView, datasource, onChange);
   const [formattedData, error] = useFormattedData(initializedQuery, datasource);
   const [editorMode, setEditorMode] = useState(initializedQuery.editorMode || EditorMode.Builder);
+
+  useEffect(() => {
+    if (formattedData !== initializedQuery.query) {
+      onChange({ ...initializedQuery, rawQuery: formattedData })
+    }
+
+    // eslint-disable-next-line
+  }, [formattedData, initializedQuery.query]);
+
   useQueryState(query, onChange, datasource);
   const onSqlChange = (sql: string) => onChange({ ...initializedQuery, query: sql });
   const onFieldChange = (field: any) => onChange({ ...initializedQuery, [field.fieldName]: field.value });