avniproject/avni-client#1273 - edit edit form rule

package.json

@@ -123,6 +123,7 @@
     "prettier": "1.17.1",
     "pretty-quick": "^1.11.1",
     "redux-saga-test-plan": "^3.7.0",
-    "source-map-explorer": "^2.0.1"
+    "source-map-explorer": "^2.0.1",
+    "@babel/helper-environment-visitor": "7.22.20"
   }
 }

src/formDesigner/common/SampleRule.js

@@ -125,6 +125,16 @@ export const sampleDecisionRule = entityName => {
 };`;
 };
 
+export const sampleEditFormRule = () => {
+  return `//SAMPLE EDIT FORM RULE
+  "use strict";
+({params, imports}) => {
+    const {entity, form, services, entityContext, myUserGroups, userInfo} = params;
+    const output = {}; // https://avni.readme.io/docs/writing-rules#16-edit-form-rule
+    return output;
+};`;
+};
+
 export const sampleVisitScheduleRule = entityName => {
   return `//SAMPLE RULE EXAMPLE
 "use strict";

src/formDesigner/components/FormLevelRules.js

@@ -10,6 +10,7 @@ import PropTypes from "prop-types";
 import {
   sampleChecklistRule,
   sampleDecisionRule,
+  sampleEditFormRule,
   sampleTaskScheduleRule,
   sampleValidationRule,
   sampleVisitScheduleRule
@@ -93,6 +94,18 @@ const FormLevelRules = ({ form, disabled, onDeclarativeRuleUpdate, encounterType
   };
   return (
     <div>
+      <RulePanel
+        title={"Edit Form Rule"}
+        details={
+          <Fragment>
+            <JSEditor
+              value={form.editFormRule || sampleEditFormRule()}
+              onValueChange={x => props.onRuleUpdate("editFormRule", x)}
+            />
+          </Fragment>
+        }
+      />
+
       <DeclarativeFormRule
         title={"Decision Rule"}
         onValueChange={jsonData => onDeclarativeRuleUpdate("decisionDeclarativeRule", jsonData)}