Change action fields to textarea, solves #4179

src/components/policy-editor/ActionRowScript.jsx

@@ -3,14 +3,14 @@ import Row from "react-bootstrap/Row";
 import { OptionalFieldNoLabel } from "../../forms/OptionalFieldNoLabel";
 import { LabelColumn } from "./LabelColumn";
 import { WideValueColumn } from "./WideValueColumn";
-import { EffectiveValue } from "./EffectiveValue";
+import { EffectiveActionValue } from "./EffectiveActionValue";
 
 export function ActionRowScript(component, action, name, help) {
   return (
     <Row>
       <LabelColumn name={name} help={help} />
       <WideValueColumn>{OptionalFieldNoLabel(component, "", "policy." + action, {})}</WideValueColumn>
-      {EffectiveValue(component, action)}
+      {EffectiveActionValue(component, action)}
     </Row>
   );
 }

src/components/policy-editor/EffectiveActionValue.jsx

@@ -0,0 +1,24 @@
+import React from "react";
+import Form from "react-bootstrap/Form";
+import { getDeepStateProperty } from "../../utils/deepstate";
+import { EffectiveValueColumn } from "./EffectiveValueColumn";
+
+export function EffectiveActionValue(component, policyField) {
+  const dsp = getDeepStateProperty(component, "resolved.definition." + policyField, undefined);
+
+  return (
+    <EffectiveValueColumn>
+      <Form.Group>
+        <Form.Control
+          data-testid={"effective-" + policyField}
+          size="sm"
+          value={getDeepStateProperty(component, "resolved.effective." + policyField, undefined)}
+          readOnly={true}
+          as="textarea"
+          rows="5"
+        />
+        <Form.Text data-testid={"definition-" + policyField}>{component.PolicyDefinitionPoint(dsp)}</Form.Text>
+      </Form.Group>
+    </EffectiveValueColumn>
+  );
+}

src/forms/OptionalFieldNoLabel.jsx

@@ -13,6 +13,8 @@ export function OptionalFieldNoLabel(component, label, name, props = {}, helpTex
         value={stateProperty(component, name)}
         data-testid={"control-" + name}
         onChange={component.handleChange}
+        as="textarea"
+        rows="5"
         {...props}
       />
       {helpText && <Form.Text className="text-muted">{helpText}</Form.Text>}