fix(renderer): add mapped conditions to condition triggers

Author: Hyperkid123

packages/react-form-renderer/src/form-renderer/render-form.js

@@ -67,9 +67,9 @@ ConditionTriggerDetector.propTypes = {
   field: PropTypes.object.isRequired,
 };
 
-const FormConditionWrapper = ({ condition, children, field }) => {
+const FormConditionWrapper = ({ condition, children, field, conditionMapper }) => {
   if (condition) {
-    const triggers = getConditionTriggers(condition, field);
+    const triggers = getConditionTriggers(condition, field, conditionMapper);
     return (
       <ConditionTriggerDetector triggers={triggers} condition={condition} field={field}>
         {children}
@@ -84,10 +84,11 @@ FormConditionWrapper.propTypes = {
   condition: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
   children: PropTypes.node.isRequired,
   field: PropTypes.object,
+  conditionMapper: PropTypes.object,
 };
 
 const SingleField = ({ component, ...rest }) => {
-  const { actionMapper, componentMapper } = useContext(RendererContext);
+  const { actionMapper, componentMapper, conditionMapper } = useContext(RendererContext);
 
   const { componentProps, Component, overrideProps, mergedResolveProps } = prepareComponentProps({ component, rest, componentMapper, actionMapper });
 
@@ -98,7 +99,7 @@ const SingleField = ({ component, ...rest }) => {
   };
 
   return (
-    <FormConditionWrapper condition={condition} field={restProps}>
+    <FormConditionWrapper condition={condition} field={restProps} conditionMapper={conditionMapper}>
       <FormFieldHideWrapper hideField={hideField}>
         <Component {...restProps} />
       </FormFieldHideWrapper>

packages/react-form-renderer/src/get-condition-triggers/get-condition-triggers.d.ts

@@ -1,5 +1,7 @@
+import { Field } from "../common-types";
 import { ConditionDefinition } from "../condition";
+import { ConditionMapper } from "../form-renderer/condition-mapper";
 
-declare function getConditionTriggers(params:ConditionDefinition | ConditionDefinition[]): string[];
+declare function getConditionTriggers(params:ConditionDefinition | ConditionDefinition[], field: Extract<Field, 'condition' | 'hideField'>, conditionMapper: ConditionMapper): string[];
 
 export default getConditionTriggers;

packages/react-form-renderer/src/get-condition-triggers/get-condition-triggers.js

@@ -10,12 +10,29 @@ const mergeFunctionTrigger = (fn, field) => {
   return internalTriggers;
 };
 
-const getConditionTriggers = (condition, field) => {
+const getConditionTriggers = (condition, field, conditionMapper = {}) => {
   let triggers = [];
   if (Array.isArray(condition)) {
     return condition.reduce((acc, item) => [...acc, ...getConditionTriggers(item, field)], []);
   }
 
+  // extract mapped attributes to a new static condition object
+  if (typeof condition.mappedAttributes === 'object') {
+    try {
+      const newCondition = { ...condition, mappedAttributes: undefined };
+      Object.entries(condition.mappedAttributes).forEach(([attribute, [functionName, ...args]]) => {
+        if (!conditionMapper[functionName]) {
+          throw new Error(`Missing condition mapper function "${functionName}" for field ${field.name}!`);
+        }
+
+        newCondition[attribute] = conditionMapper[functionName](...args);
+      });
+      return getConditionTriggers(newCondition, field, conditionMapper);
+    } catch (error) {
+      console.error(error.toString());
+    }
+  }
+
   const { when, ...rest } = condition;
   const nestedKeys = ['and', 'or', 'sequence'];
   if (typeof when === 'string') {

packages/react-form-renderer/src/tests/get-condition-triggers/get-condition-triggers.test.js

@@ -32,4 +32,32 @@ describe('getConditionTriggers', () => {
   test('should extract name from array of conditions', () => {
     expect(getConditionTriggers([{ when: 'a' }, { when: 'b' }])).toEqual(['a', 'b']);
   });
+
+  describe('mappedAttributes', () => {
+    it(`should extract the 'when' attribute from mappedAttributes`, () => {
+      expect(
+        getConditionTriggers(
+          { mappedAttributes: { when: ['equals', 'a'] } },
+          {},
+          {
+            equals: (a) => () => a,
+          }
+        )
+      ).toEqual(['a']);
+    });
+    it(`should log error if mapped condition is missing from condition mapper`, () => {
+      const consoleSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+      expect(
+        getConditionTriggers(
+          { mappedAttributes: { when: ['equals', 'a'] } },
+          { name: 'foo' },
+          // conditionMapper is deliberately empty
+          {}
+        )
+      ).toEqual([]);
+      expect(consoleSpy).toHaveBeenCalledTimes(1);
+      expect(consoleSpy).toHaveBeenCalledWith(`Error: Missing condition mapper function "equals" for field foo!`);
+      consoleSpy.mockRestore();
+    });
+  });
 });