feat(react-components): fdm support in rule based core

react-components/src/components/RevealToolbar/RuleBasedOutputsButton.tsx

@@ -74,10 +74,6 @@ export const RuleBasedOutputsButton = ({
     setIsRuleLoading(hasRuleLoading);
   }, [isAllMappingsFetched, currentStylingGroups, isRuleLoadingFromContext, newRuleSetEnabled]);
 
-  const handleAllMappingsFetched = useCallback((value: boolean) => {
-    setIsAllMappingsFetched(value);
-  }, []);
-
   const onChange = useCallback(
     (data: string | undefined): void => {
       const emptySelection = generateEmptyRuleForSelection(
@@ -175,7 +171,7 @@ export const RuleBasedOutputsButton = ({
       {ruleInstances !== undefined && ruleInstances?.length > 0 && (
         <RuleBasedOutputsSelector
           onRuleSetChanged={ruleSetStylingChanged}
-          onAllMappingsFetched={handleAllMappingsFetched}
+          onAllMappingsFetched={setIsAllMappingsFetched}
           ruleSet={currentRuleSetEnabled?.rule.properties}
         />
       )}

react-components/src/components/RuleBasedOutputs/RuleBasedOutputsSelector.tsx

@@ -1,18 +1,19 @@
 /*!
  * Copyright 2024 Cognite AS
  */
-import { useEffect, type ReactElement, useState } from 'react';
+import { useEffect, type ReactElement, useState, useMemo } from 'react';
 
 import { CogniteCadModel } from '@cognite/reveal';
-import { type RuleOutputSet, type AllMappingStylingGroupAndStyleIndex } from './types';
+import {
+  type RuleOutputSet,
+  type AllMappingStylingGroupAndStyleIndex,
+  type FdmInstanceNodeWithConnectionAndProperties
+} from './types';
 import { generateRuleBasedOutputs } from './utils';
 import { use3dModels } from '../../hooks/use3dModels';
 import { type Datapoints, type Asset, type AssetMapping3D } from '@cognite/sdk';
 import { isDefined } from '../../utilities/isDefined';
-import {
-  type FdmInstanceNodeWithConnectionAndProperties,
-  type AssetIdsAndTimeseries
-} from '../../data-providers/types';
+import { type AssetIdsAndTimeseries } from '../../data-providers/types';
 import { useAssetsAndTimeseriesLinkageDataQuery } from '../../query/useAssetsAndTimeseriesLinkageDataQuery';
 import { useAssetMappedNodesForRevisions } from '../CacheProvider/AssetMappingAndNode3DCacheProvider';
 import { type CadModelOptions } from '../Reveal3DResources/types';
@@ -63,10 +64,11 @@ export function RuleBasedOutputsSelector({
   const { data: fdmMappedEquipmentEdges, isLoading: isFdmMappingsEdgesLoading } =
     useMappedEdgesForRevisions(cadModels, true);
 
-  const fdmConnectionWithNodeAndViewList =
-    fdmMappedEquipmentEdges !== undefined
+  const fdmConnectionWithNodeAndViewList = useMemo(() => {
+    return fdmMappedEquipmentEdges !== undefined
       ? Array.from(fdmMappedEquipmentEdges.values()).flat()
       : [];
+  }, [fdmMappedEquipmentEdges]);
 
   const { data: fdmMappings, isLoading: isFdmMappingsLoading } =
     useAll3dDirectConnectionsWithProperties(fdmConnectionWithNodeAndViewList);

react-components/src/components/RuleBasedOutputs/core/checkBooleanExpressionStatement.ts

@@ -0,0 +1,50 @@
+/*!
+ * Copyright 2024 Cognite AS
+ */
+
+import { type FdmPropertyType } from '../../Reveal3DResources/types';
+import { type Expression, type TriggerTypeData } from '../types';
+import { getFdmPropertyTrigger } from '../utils';
+
+export const checkBooleanExpressionStatement = (
+  triggerTypeData: TriggerTypeData[],
+  expression: Expression
+): boolean | undefined => {
+  const condition = expression.type === 'booleanExpression' ? expression.condition : undefined;
+  const trigger = expression.type === 'booleanExpression' ? expression.trigger : undefined;
+
+  let expressionResult: boolean | undefined = false;
+
+  if (condition === undefined || trigger === undefined) return;
+
+  const currentTriggerData = triggerTypeData.find(
+    (triggerType) => triggerType.type === trigger?.type
+  );
+
+  const isFdmTrigger = trigger?.type === 'fdm' && currentTriggerData?.type === 'fdm';
+
+  if (isFdmTrigger && currentTriggerData.instanceNode.items.length === 0) return;
+
+  const fdmItemsTrigger =
+    isFdmTrigger && currentTriggerData.instanceNode.items[0] !== undefined
+      ? currentTriggerData.instanceNode.items[0]
+      : undefined;
+
+  const fdmPropertyTrigger = isFdmTrigger
+    ? (fdmItemsTrigger?.properties as FdmPropertyType<unknown>)
+    : undefined;
+
+  const propertyTrigger = getFdmPropertyTrigger<boolean>(fdmPropertyTrigger, trigger);
+
+  switch (condition.type) {
+    case 'equals': {
+      expressionResult = propertyTrigger === true;
+      break;
+    }
+    case 'notEquals': {
+      expressionResult = propertyTrigger === false;
+      break;
+    }
+  }
+  return expressionResult;
+};

react-components/src/components/RuleBasedOutputs/core/checkDatetimeExpressionStatement.ts

@@ -0,0 +1,100 @@
+/*!
+ * Copyright 2024 Cognite AS
+ */
+
+import { type FdmPropertyType } from '../../Reveal3DResources/types';
+import { type TriggerTypeData, type DatetimeExpression } from '../types';
+import { getFdmPropertyTrigger } from '../utils';
+
+export const checkDatetimeExpressionStatement = (
+  triggerTypeData: TriggerTypeData[],
+  expression: DatetimeExpression
+): boolean | undefined => {
+  const { trigger, condition } = expression;
+
+  let expressionResult: boolean | undefined = false;
+
+  const currentTriggerData = triggerTypeData.find(
+    (triggerType) => triggerType.type === trigger?.type
+  );
+
+  const isFdmTrigger = trigger?.type === 'fdm' && currentTriggerData?.type === 'fdm';
+
+  if (isFdmTrigger && currentTriggerData.instanceNode.items.length === 0) return;
+
+  const fdmItemsTrigger =
+    isFdmTrigger && currentTriggerData.instanceNode.items[0] !== undefined
+      ? currentTriggerData.instanceNode.items[0]
+      : undefined;
+
+  const fdmPropertyTrigger = isFdmTrigger
+    ? (fdmItemsTrigger?.properties as FdmPropertyType<unknown>)
+    : undefined;
+
+  const propertyTrigger = new Date(
+    getFdmPropertyTrigger<string>(fdmPropertyTrigger, trigger) ?? ''
+  );
+
+  switch (condition.type) {
+    case 'before': {
+      const conditionValue = new Date(condition.parameter);
+      expressionResult = propertyTrigger !== undefined ? propertyTrigger < conditionValue : false;
+      break;
+    }
+    case 'notBefore': {
+      const conditionValue = new Date(condition.parameter);
+      expressionResult = propertyTrigger !== undefined ? propertyTrigger >= conditionValue : false;
+      break;
+    }
+    case 'onOrBefore': {
+      const conditionValue = new Date(condition.parameter);
+      expressionResult = propertyTrigger !== undefined ? propertyTrigger <= conditionValue : false;
+      break;
+    }
+    case 'between': {
+      const lowerBound = new Date(condition.lowerBound);
+      const upperBound = new Date(condition.upperBound);
+      expressionResult =
+        propertyTrigger !== undefined
+          ? lowerBound < propertyTrigger && propertyTrigger < upperBound
+          : false;
+      break;
+    }
+    case 'notBetween': {
+      const lowerBound = new Date(condition.lowerBound);
+      const upperBound = new Date(condition.upperBound);
+      expressionResult =
+        propertyTrigger !== undefined
+          ? !(lowerBound < propertyTrigger && propertyTrigger < upperBound)
+          : false;
+      break;
+    }
+    case 'after': {
+      const conditionValue = new Date(condition.parameter);
+      expressionResult = propertyTrigger !== undefined ? propertyTrigger > conditionValue : false;
+      break;
+    }
+    case 'notAfter': {
+      const conditionValue = new Date(condition.parameter);
+      expressionResult = propertyTrigger !== undefined ? propertyTrigger <= conditionValue : false;
+      break;
+    }
+    case 'onOrAfter': {
+      const conditionValue = new Date(condition.parameter);
+      expressionResult = propertyTrigger !== undefined ? propertyTrigger >= conditionValue : false;
+      break;
+    }
+    case 'on': {
+      const conditionValue = new Date(condition.parameter);
+      expressionResult = propertyTrigger !== undefined ? propertyTrigger === conditionValue : false;
+      break;
+    }
+    case 'notOn': {
+      const conditionValue = new Date(condition.parameter);
+      expressionResult = propertyTrigger !== undefined ? propertyTrigger !== conditionValue : false;
+      break;
+    }
+  }
+
+  return expressionResult;
+};

react-components/src/components/RuleBasedOutputs/core/checkNumericExpressionStatement.ts

@@ -0,0 +1,93 @@
+/*!
+ * Copyright 2024 Cognite AS
+ */
+
+import { type FdmPropertyType } from '../../Reveal3DResources/types';
+import { type NumericExpression, type TriggerTypeData } from '../types';
+import { getFdmPropertyTrigger, getTriggerNumericData } from '../utils';
+
+export const checkNumericExpressionStatement = (
+  triggerTypeData: TriggerTypeData[],
+  expression: NumericExpression
+): boolean | undefined => {
+  const { trigger, condition } = expression;
+
+  let expressionResult: boolean = false;
+  let propertyTrigger: number | undefined;
+
+  const currentTriggerData = triggerTypeData.find(
+    (triggerType) => triggerType.type === trigger?.type
+  );
+
+  const isFdmTrigger = trigger?.type === 'fdm' && currentTriggerData?.type === 'fdm';
+
+  const assetOrTimeseriesDataTrigger = !isFdmTrigger
+    ? getTriggerNumericData(triggerTypeData, trigger)
+    : undefined;
+
+  const fdmItemsTrigger =
+    isFdmTrigger && currentTriggerData.instanceNode.items[0] !== undefined
+      ? currentTriggerData.instanceNode.items[0]
+      : undefined;
+
+  const fdmPropertyTrigger = isFdmTrigger
+    ? (fdmItemsTrigger?.properties as FdmPropertyType<unknown>)
+    : undefined;
+
+  if (assetOrTimeseriesDataTrigger === undefined && fdmPropertyTrigger === undefined) return;
+
+  if (isFdmTrigger) {
+    propertyTrigger = getFdmPropertyTrigger<number>(fdmPropertyTrigger, trigger);
+  } else {
+    propertyTrigger = assetOrTimeseriesDataTrigger;
+  }
+
+  if (propertyTrigger === undefined) return;
+
+  switch (condition.type) {
+    case 'equals': {
+      const parameter = condition.parameters[0];
+      expressionResult = propertyTrigger === parameter;
+      break;
+    }
+    case 'notEquals': {
+      const parameter = condition.parameters[0];
+      expressionResult = propertyTrigger !== parameter;
+      break;
+    }
+    case 'lessThan': {
+      const parameter = condition.parameters[0];
+      expressionResult = propertyTrigger < parameter;
+      break;
+    }
+    case 'greaterThan': {
+      const parameter = condition.parameters[0];
+      expressionResult = propertyTrigger > parameter;
+      break;
+    }
+    case 'lessThanOrEquals': {
+      const parameter = condition.parameters[0];
+      expressionResult = propertyTrigger <= parameter;
+      break;
+    }
+    case 'greaterThanOrEquals': {
+      const parameter = condition.parameters[0];
+      expressionResult = propertyTrigger >= parameter;
+      break;
+    }
+    case 'within': {
+      const lower = condition.lowerBoundInclusive;
+      const upper = condition.upperBoundInclusive;
+      expressionResult = lower < propertyTrigger && propertyTrigger < upper;
+      break;
+    }
+    case 'outside': {
+      const lower = condition.lowerBoundExclusive;
+      const upper = condition.upperBoundExclusive;
+      expressionResult = propertyTrigger <= lower && upper <= propertyTrigger;
+      break;
+    }
+  }
+
+  return expressionResult;
+};

react-components/src/components/RuleBasedOutputs/core/checkStringExpressionStatement.ts

@@ -0,0 +1,73 @@
+/*!
+ * Copyright 2024 Cognite AS
+ */
+
+import { type FdmPropertyType } from '../../Reveal3DResources/types';
+import { type StringExpression, type TriggerTypeData } from '../types';
+import { getFdmPropertyTrigger } from '../utils';
+
+export const checkStringExpressionStatement = (
+  triggerTypeData: TriggerTypeData[],
+  expression: StringExpression
+): boolean | undefined => {
+  const { trigger, condition } = expression;
+
+  let expressionResult: boolean | undefined = false;
+
+  let propertyTrigger: string | undefined;
+
+  const currentTriggerData = triggerTypeData.find(
+    (triggerType) => triggerType.type === trigger?.type
+  );
+
+  const isMetadataAndAssetTrigger =
+    trigger?.type === 'metadata' &&
+    currentTriggerData?.type === 'metadata' &&
+    currentTriggerData?.asset !== undefined;
+
+  const isFdmTrigger = trigger?.type === 'fdm' && currentTriggerData?.type === 'fdm';
+
+  const assetTrigger = isMetadataAndAssetTrigger
+    ? currentTriggerData?.asset[trigger.type]?.[trigger.key]
+    : undefined;
+
+  const fdmItemsTrigger =
+    isFdmTrigger && currentTriggerData.instanceNode.items[0] !== undefined
+      ? currentTriggerData.instanceNode.items[0]
+      : undefined;
+
+  const fdmPropertyTrigger = isFdmTrigger
+    ? (fdmItemsTrigger?.properties as FdmPropertyType<unknown>)
+    : undefined;
+
+  if (isMetadataAndAssetTrigger) {
+    propertyTrigger = assetTrigger;
+  } else if (isFdmTrigger) {
+    propertyTrigger = getFdmPropertyTrigger<string>(fdmPropertyTrigger, trigger);
+  }
+
+  switch (condition.type) {
+    case 'equals': {
+      expressionResult = propertyTrigger === condition.parameter;
+      break;
+    }
+    case 'notEquals': {
+      expressionResult = propertyTrigger !== condition.parameter;
+      break;
+    }
+    case 'contains': {
+      expressionResult = propertyTrigger?.includes(condition.parameter);
+      break;
+    }
+    case 'startsWith': {
+      expressionResult = propertyTrigger?.startsWith(condition.parameter);
+      break;
+    }
+    case 'endsWith': {
+      expressionResult = propertyTrigger?.endsWith(condition.parameter);
+      break;
+    }
+  }
+
+  return expressionResult;
+};