fix(react-components): react components rule core improvements to fix several issues in the Rule Builder time series selection/searching/selecting/filtering

react-components/src/hooks/index.ts

@@ -15,7 +15,6 @@ export { useSceneDefaultCamera } from './useSceneDefaultCamera';
 export { useSkyboxFromScene } from './useSkyboxFromScene';
 export { use3dScenes } from './scenes/use3dScenes';
 export { useSceneConfig } from './scenes/useSceneConfig';
-export { useFetchTimeseriesResourceRelationship } from './useFetchTimeseriesResourceRelationship';
 
 export type { CameraNavigationActions } from './useCameraNavigation';
 export type { ClickedNodeData, FdmNodeDataResult } from './useClickedNode';

react-components/src/query/index.ts

@@ -29,6 +29,7 @@ export {
 } from './useSearchMappedEquipmentFDM';
 export { useTimeseriesByIdsQuery } from './useTimeseriesByIdsQuery';
 export { useTimeseriesLatestDatapointQuery } from './useTimeseriesLatestDatapointQuery';
+export { useFetchTimeseriesResourceRelationship } from './useFetchTimeseriesResourceRelationship';
 
 export type {
   ModelMappings,

react-components/src/hooks/useFetchTimeseriesResourceRelationship.ts → react-components/src/query/useFetchTimeseriesResourceRelationship.ts

@@ -1,29 +1,30 @@
 /*!
  * Copyright 2024 Cognite AS
  */
-import { type Asset, type Timeseries } from '@cognite/sdk';
+import { type RelationshipResourceType, type Asset, type Timeseries } from '@cognite/sdk';
 import { isUndefined } from 'lodash';
-import { useEffect } from 'react';
 import { useSDK } from '../components/RevealCanvas/SDKProvider';
-import { getResourceRelationship } from './network/getResourceRelationship';
+import { getResourceRelationship } from '../hooks/network/getResourceRelationship';
+import { useQuery, type UseQueryResult } from '@tanstack/react-query';
 
 export const useFetchTimeseriesResourceRelationship = ({
   asset,
   filter,
-  callback
+  resourceTypes
 }: {
   asset: Asset;
-  callback: (data: Timeseries[]) => void;
-  filter?: { isStep?: boolean; isString?: boolean };
-}): void => {
+  resourceTypes: RelationshipResourceType[];
+  filter?: { isStep?: boolean };
+}): UseQueryResult<Timeseries[]> => {
   const sdk = useSDK();
 
-  useEffect(() => {
-    const getRelationship = async (): Promise<void> => {
+  return useQuery({
+    queryKey: ['reveal', 'react-components', asset.externalId, filter?.isStep, ...resourceTypes],
+    queryFn: async () => {
       const relationshipsFound = await getResourceRelationship(
         sdk,
         [asset.externalId ?? ''],
-        ['timeSeries']
+        resourceTypes
       );
 
       if (relationshipsFound.length > 0) {
@@ -42,9 +43,8 @@ export const useFetchTimeseriesResourceRelationship = ({
             return undefined;
           })
           .filter((ts) => !isUndefined(ts));
-        callback(timeseriesFromRelationshipFound);
+        return timeseriesFromRelationshipFound;
       }
-    };
-    void getRelationship();
-  }, [asset.externalId, filter, filter?.isStep, filter?.isString, sdk]);
+    }
+  });
 };