Skip hidden targets.

Author: novykh

src/QueryEditor.tsx

@@ -54,7 +54,7 @@ const QueryEditor: React.FC<Props> = ({ datasource, query, onChange, onRunQuery
     setTotalInstances(data.data.nodes.reduce((acc: number, node: any) => acc + node.chartIDs.length, 0));
   };
 
-  const IsGroupFunctionAvailable = React.useCallback(() => {
+  const isGroupFunctionAvailable = React.useCallback(() => {
     if (groupBy === 'instance' || selectedGroupBy?.value === 'instance') {
       return false;
     }
@@ -335,7 +335,7 @@ const QueryEditor: React.FC<Props> = ({ datasource, query, onChange, onRunQuery
           labelWidth={10}
           inputEl={
             <Select
-              disabled={!IsGroupFunctionAvailable()}
+              disabled={!isGroupFunctionAvailable()}
               options={Methods}
               value={selectedMethod}
               onChange={onMethodChange}

src/datasource.ts

@@ -25,7 +25,11 @@ export class DataSource extends DataSourceApi<MyQuery, MyDataSourceOptions> {
     const to = range!.to.valueOf();
 
     const promises = options.targets.map(
-      ({ spaceId, roomId, contextId, nodes, groupBy, method, refId, dimensions, filterBy, filterValue }) => {
+      ({ spaceId, roomId, contextId, nodes, groupBy, method, refId, dimensions, filterBy, filterValue, hide }) => {
+        if (target.hide) {
+          continue;
+        }
+
         if (!spaceId || !roomId || !contextId) {
           const frame = new MutableDataFrame({
             refId: refId,

src/shared/hooks/useFetchDimensions.ts

@@ -24,7 +24,7 @@ export const useFetchDimensions = (baseUrl: string) => {
   const [isError, setIsError] = React.useState(false);
   const [allDimensions, setDimensions] = React.useState<any[]>([]);
   const [filters, setFilters] = React.useState<{ [key in string]: [] }>({});
-  const [groupingByList, setGroupingByList] = React.useState<Dropdown[]>([]);
+  const [groupingByList, setGroupingByList] = React.useState<Dropdown[]>(GroupByList);
   const [units, setUnits] = React.useState('');
 
   const fetchDimensions = async ({ spaceId, roomId, contextId, nodeIDs }: any) => {