Hide query.

Author: novykh

src/QueryEditor.tsx

@@ -33,9 +33,9 @@ const QueryEditor: React.FC<Props> = ({ datasource, query, onChange, onRunQuery
     value: query.contextId,
   });
   const [selectedDimensions, setSelectedDimensions] = React.useState<Dropdown[]>();
-  const [selectedGroupBy, setSelectedGroupBy] = React.useState<Dropdown>();
+  const [selectedGroupBy, setSelectedGroupBy] = React.useState<Dropdown>(GroupByList[0]);
   const [selectedMethod, setSelectedMethod] = React.useState<Dropdown>(Methods[0]);
-  const [selectedAggreagations, setSelectedAggreagations] = React.useState<Dropdown>(Aggreagations[0]);
+  const [selectedAggregations, setSelectedAggregations] = React.useState<Dropdown>(Aggreagations[0]);
   const [filterByValues, setFilterByValues] = React.useState<Dropdown[]>([]);
 
   const { spaces } = useFetchSpaces(baseUrl);
@@ -147,11 +147,11 @@ const QueryEditor: React.FC<Props> = ({ datasource, query, onChange, onRunQuery
     setSelectedNodes([]);
     setSelectedContext({});
     setSelectedDimensions([]);
-    setSelectedGroupBy();
-    setSelectedFilter({ label: 'No filter', value: 'No filter' });
+    setSelectedGroupBy(GroupByList[0]);
+    setSelectedFilter({});
     setSelectedFilterValue({});
     setSelectedMethod(Methods[0]);
-    setSelectedAggreagations(Aggreagations[0]);
+    setSelectedAggregations(Aggreagations[0]);
 
     fetchRooms(v.value || '');
     onChange({ ...query, spaceId: v.value });
@@ -165,11 +165,11 @@ const QueryEditor: React.FC<Props> = ({ datasource, query, onChange, onRunQuery
     setSelectedNodes([]);
     setSelectedContext({});
     setSelectedDimensions([]);
-    setSelectedGroupBy();
-    setSelectedFilter({ label: 'No filter', value: 'No filter' });
+    setSelectedGroupBy(GroupByList[0]);
+    setSelectedFilter({});
     setSelectedFilterValue({});
     setSelectedMethod(Methods[0]);
-    setSelectedAggreagations(Aggreagations[0]);
+    setSelectedAggregations(Aggreagations[0]);
 
     fetchContexts(selectedSpace?.value || '', v.value || '');
     fetchNodes(selectedSpace?.value || '', v.value || '');
@@ -182,11 +182,11 @@ const QueryEditor: React.FC<Props> = ({ datasource, query, onChange, onRunQuery
 
     // reset the rest of inputs
     setSelectedDimensions([]);
-    setSelectedGroupBy();
-    setSelectedFilter({ label: 'No filter', value: 'No filter' });
+    setSelectedGroupBy(GroupByList[0]);
+    setSelectedFilter({});
     setSelectedFilterValue({});
     setSelectedMethod(Methods[0]);
-    setSelectedAggreagations(Aggreagations[0]);
+    setSelectedAggregations(Aggreagations[0]);
 
     fetchDimensions({ spaceId, roomId, contextId: v.value, nodeIDs: selectedNodes?.map((n: any) => n.value) || [] });
     onChange({ ...query, contextId: v.value });
@@ -198,11 +198,11 @@ const QueryEditor: React.FC<Props> = ({ datasource, query, onChange, onRunQuery
 
     // reset the rest of inputs
     setSelectedDimensions([]);
-    setSelectedGroupBy();
-    setSelectedFilter({ label: 'No filter', value: 'No filter' });
+    setSelectedGroupBy(GroupByList[0]);
+    setSelectedFilter({});
     setSelectedFilterValue({});
     setSelectedMethod(Methods[0]);
-    setSelectedAggreagations(Aggreagations[0]);
+    setSelectedAggregations(Aggreagations[0]);
 
     fetchDimensions({ spaceId, roomId, contextId, nodeIDs: data });
     setSelectedNodes(data);
@@ -248,7 +248,7 @@ const QueryEditor: React.FC<Props> = ({ datasource, query, onChange, onRunQuery
   };
 
   const onAggreagationChange = (v: SelectableValue<string>) => {
-    setSelectedAggreagations(v);
+    setSelectedAggregations(v);
     onChange({ ...query, group: v.value });
     onRunQuery();
   };
@@ -351,7 +351,7 @@ const QueryEditor: React.FC<Props> = ({ datasource, query, onChange, onRunQuery
           inputEl={
             <Select
               options={Aggreagations}
-              value={selectedAggreagations}
+              value={selectedAggregations}
               onChange={onAggreagationChange}
               allowCustomValue
               isSearchable

src/datasource.ts

@@ -26,8 +26,8 @@ export class DataSource extends DataSourceApi<MyQuery, MyDataSourceOptions> {
 
     const promises = options.targets.map(
       ({ spaceId, roomId, contextId, nodes, groupBy, method, refId, dimensions, filterBy, filterValue, hide }) => {
-        if (target.hide) {
-          continue;
+        if (hide) {
+          return;
         }
 
         if (!spaceId || !roomId || !contextId) {