@k-int/stripes-kint-components 1.7.0 → 2.1.0

package/junit.xml

@@ -1,79 +1,79 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<testsuites name="jest tests" tests="34" failures="0" errors="0" time="30.99">
-  <testsuite name="RenderSettingValue" errors="0" failures="0" skipped="0" timestamp="2022-01-20T16:19:10" time="21.887" tests="12">
-    <testcase classname="RenderSettingValue render string settings render a string setting renders the value" name="RenderSettingValue render string settings render a string setting renders the value" time="0.073">
+<testsuites name="jest tests" tests="34" failures="0" errors="0" time="15.928">
+  <testsuite name="RenderSettingValue" errors="0" failures="0" skipped="0" timestamp="2022-03-09T12:00:43" time="10.429" tests="12">
+    <testcase classname="RenderSettingValue render string settings render a string setting renders the value" name="RenderSettingValue render string settings render a string setting renders the value" time="0.032">
     </testcase>
-    <testcase classname="RenderSettingValue render string settings render a string setting without a value renders the default value" name="RenderSettingValue render string settings render a string setting without a value renders the default value" time="0.006">
+    <testcase classname="RenderSettingValue render string settings render a string setting without a value renders the default value" name="RenderSettingValue render string settings render a string setting without a value renders the default value" time="0.003">
     </testcase>
-    <testcase classname="RenderSettingValue render string settings render a string setting without a value or default renders the empty message" name="RenderSettingValue render string settings render a string setting without a value or default renders the empty message" time="0.016">
+    <testcase classname="RenderSettingValue render string settings render a string setting without a value or default renders the empty message" name="RenderSettingValue render string settings render a string setting without a value or default renders the empty message" time="0.004">
     </testcase>
-    <testcase classname="RenderSettingValue render refdata settings render a refdata setting renders the value" name="RenderSettingValue render refdata settings render a refdata setting renders the value" time="0.009">
+    <testcase classname="RenderSettingValue render refdata settings render a refdata setting renders the value" name="RenderSettingValue render refdata settings render a refdata setting renders the value" time="0.003">
     </testcase>
-    <testcase classname="RenderSettingValue render refdata settings render a refdata setting without a value renders the default value" name="RenderSettingValue render refdata settings render a refdata setting without a value renders the default value" time="0.004">
+    <testcase classname="RenderSettingValue render refdata settings render a refdata setting without a value renders the default value" name="RenderSettingValue render refdata settings render a refdata setting without a value renders the default value" time="0.002">
     </testcase>
-    <testcase classname="RenderSettingValue render refdata settings render a refdata setting without a value or default renders the empty message" name="RenderSettingValue render refdata settings render a refdata setting without a value or default renders the empty message" time="0.004">
+    <testcase classname="RenderSettingValue render refdata settings render a refdata setting without a value or default renders the empty message" name="RenderSettingValue render refdata settings render a refdata setting without a value or default renders the empty message" time="0.002">
     </testcase>
-    <testcase classname="RenderSettingValue render password settings render a password setting renders the value" name="RenderSettingValue render password settings render a password setting renders the value" time="0.009">
+    <testcase classname="RenderSettingValue render password settings render a password setting renders the value" name="RenderSettingValue render password settings render a password setting renders the value" time="0.003">
     </testcase>
-    <testcase classname="RenderSettingValue render password settings render a password setting without a value renders the default value" name="RenderSettingValue render password settings render a password setting without a value renders the default value" time="0.007">
+    <testcase classname="RenderSettingValue render password settings render a password setting without a value renders the default value" name="RenderSettingValue render password settings render a password setting without a value renders the default value" time="0.003">
     </testcase>
-    <testcase classname="RenderSettingValue render password settings render a password setting without a value or default renders the empty message" name="RenderSettingValue render password settings render a password setting without a value or default renders the empty message" time="0.004">
+    <testcase classname="RenderSettingValue render password settings render a password setting without a value or default renders the empty message" name="RenderSettingValue render password settings render a password setting without a value or default renders the empty message" time="0.002">
     </testcase>
-    <testcase classname="RenderSettingValue render template settings render a template setting renders the value" name="RenderSettingValue render template settings render a template setting renders the value" time="0.002">
+    <testcase classname="RenderSettingValue render template settings render a template setting renders the value" name="RenderSettingValue render template settings render a template setting renders the value" time="0.003">
     </testcase>
-    <testcase classname="RenderSettingValue render template settings render a template setting without a value renders the default value" name="RenderSettingValue render template settings render a template setting without a value renders the default value" time="0.002">
+    <testcase classname="RenderSettingValue render template settings render a template setting without a value renders the default value" name="RenderSettingValue render template settings render a template setting without a value renders the default value" time="0.005">
     </testcase>
-    <testcase classname="RenderSettingValue render template settings render a template setting without a value or default renders the empty message" name="RenderSettingValue render template settings render a template setting without a value or default renders the empty message" time="0.006">
+    <testcase classname="RenderSettingValue render template settings render a template setting without a value or default renders the empty message" name="RenderSettingValue render template settings render a template setting without a value or default renders the empty message" time="0.002">
     </testcase>
   </testsuite>
-  <testsuite name="EditableSettingsListFieldArray" errors="0" failures="0" skipped="0" timestamp="2022-01-20T16:19:10" time="22.397" tests="3">
-    <testcase classname="EditableSettingsListFieldArray with empty initial values renders empty field" name="EditableSettingsListFieldArray with empty initial values renders empty field" time="0.082">
+  <testsuite name="EditableSettingsListFieldArray" errors="0" failures="0" skipped="0" timestamp="2022-03-09T12:00:43" time="10.755" tests="3">
+    <testcase classname="EditableSettingsListFieldArray with empty initial values renders empty field" name="EditableSettingsListFieldArray with empty initial values renders empty field" time="0.045">
     </testcase>
-    <testcase classname="EditableSettingsListFieldArray with initial value set renders the SettingField component" name="EditableSettingsListFieldArray with initial value set renders the SettingField component" time="0.015">
+    <testcase classname="EditableSettingsListFieldArray with initial value set renders the SettingField component" name="EditableSettingsListFieldArray with initial value set renders the SettingField component" time="0.011">
     </testcase>
-    <testcase classname="EditableSettingsListFieldArray with multiple initial values set renders the correct number of SettingField components" name="EditableSettingsListFieldArray with multiple initial values set renders the correct number of SettingField components" time="0.013">
+    <testcase classname="EditableSettingsListFieldArray with multiple initial values set renders the correct number of SettingField components" name="EditableSettingsListFieldArray with multiple initial values set renders the correct number of SettingField components" time="0.007">
     </testcase>
   </testsuite>
-  <testsuite name="SettingField" errors="0" failures="0" skipped="0" timestamp="2022-01-20T16:19:10" time="24.088" tests="3">
-    <testcase classname="SettingField renders RenderSettingValue" name="SettingField renders RenderSettingValue" time="0.079">
+  <testsuite name="EditSettingValue" errors="0" failures="0" skipped="0" timestamp="2022-03-09T12:00:43" time="12.062" tests="16">
+    <testcase classname="EditSettingValue edit string setting with no initial value renders the edit field" name="EditSettingValue edit string setting with no initial value renders the edit field" time="0.102">
     </testcase>
-    <testcase classname="SettingField renders the edit button" name="SettingField renders the edit button" time="0.009">
+    <testcase classname="EditSettingValue edit string setting with initial value renders the expected value in the edit field" name="EditSettingValue edit string setting with initial value renders the expected value in the edit field" time="0.031">
     </testcase>
-    <testcase classname="SettingField clicking edit/save works as expected" name="SettingField clicking edit/save works as expected" time="0.236">
+    <testcase classname="EditSettingValue edit refdata setting with no initial value for refdata with &lt;4 options renders the expected radio buttons" name="EditSettingValue edit refdata setting with no initial value for refdata with &lt;4 options renders the expected radio buttons" time="0.155">
     </testcase>
-  </testsuite>
-  <testsuite name="EditSettingValue" errors="0" failures="0" skipped="0" timestamp="2022-01-20T16:19:10" time="24.883" tests="16">
-    <testcase classname="EditSettingValue edit string setting with no initial value renders the edit field" name="EditSettingValue edit string setting with no initial value renders the edit field" time="0.167">
+    <testcase classname="EditSettingValue edit refdata setting with no initial value for refdata with &lt;4 options no radio buttons are checked" name="EditSettingValue edit refdata setting with no initial value for refdata with &lt;4 options no radio buttons are checked" time="0.133">
     </testcase>
-    <testcase classname="EditSettingValue edit string setting with initial value renders the expected value in the edit field" name="EditSettingValue edit string setting with initial value renders the expected value in the edit field" time="0.061">
+    <testcase classname="EditSettingValue edit refdata setting with initial value for refdata with &lt;4 options renders the expected radio buttons" name="EditSettingValue edit refdata setting with initial value for refdata with &lt;4 options renders the expected radio buttons" time="0.12">
     </testcase>
-    <testcase classname="EditSettingValue edit refdata setting with no initial value for refdata with &lt;4 options renders the expected radio buttons" name="EditSettingValue edit refdata setting with no initial value for refdata with &lt;4 options renders the expected radio buttons" time="0.323">
+    <testcase classname="EditSettingValue edit refdata setting with initial value for refdata with &lt;4 options the correct radio button is checked" name="EditSettingValue edit refdata setting with initial value for refdata with &lt;4 options the correct radio button is checked" time="0.127">
     </testcase>
-    <testcase classname="EditSettingValue edit refdata setting with no initial value for refdata with &lt;4 options no radio buttons are checked" name="EditSettingValue edit refdata setting with no initial value for refdata with &lt;4 options no radio buttons are checked" time="0.268">
+    <testcase classname="EditSettingValue edit refdata setting with no initial value for refdata with &gt;4 options renders the expected select field" name="EditSettingValue edit refdata setting with no initial value for refdata with &gt;4 options renders the expected select field" time="0.023">
     </testcase>
-    <testcase classname="EditSettingValue edit refdata setting with initial value for refdata with &lt;4 options renders the expected radio buttons" name="EditSettingValue edit refdata setting with initial value for refdata with &lt;4 options renders the expected radio buttons" time="0.263">
+    <testcase classname="EditSettingValue edit refdata setting with no initial value for refdata with &gt;4 options renders the expected refdata options" name="EditSettingValue edit refdata setting with no initial value for refdata with &gt;4 options renders the expected refdata options" time="0.201">
     </testcase>
-    <testcase classname="EditSettingValue edit refdata setting with initial value for refdata with &lt;4 options the correct radio button is checked" name="EditSettingValue edit refdata setting with initial value for refdata with &lt;4 options the correct radio button is checked" time="0.249">
+    <testcase classname="EditSettingValue edit refdata setting with initial value for refdata with &gt;4 options renders the expected refdata options" name="EditSettingValue edit refdata setting with initial value for refdata with &gt;4 options renders the expected refdata options" time="0.196">
     </testcase>
-    <testcase classname="EditSettingValue edit refdata setting with no initial value for refdata with &gt;4 options renders the expected select field" name="EditSettingValue edit refdata setting with no initial value for refdata with &gt;4 options renders the expected select field" time="0.041">
+    <testcase classname="EditSettingValue edit refdata setting with initial value for refdata with &gt;4 options renders the expected value in the refdata dropdown" name="EditSettingValue edit refdata setting with initial value for refdata with &gt;4 options renders the expected value in the refdata dropdown" time="0.018">
     </testcase>
-    <testcase classname="EditSettingValue edit refdata setting with no initial value for refdata with &gt;4 options renders the expected refdata options" name="EditSettingValue edit refdata setting with no initial value for refdata with &gt;4 options renders the expected refdata options" time="0.359">
+    <testcase classname="EditSettingValue edit template setting with no initial value renders the edit field" name="EditSettingValue edit template setting with no initial value renders the edit field" time="0.02">
     </testcase>
-    <testcase classname="EditSettingValue edit refdata setting with initial value for refdata with &gt;4 options renders the expected refdata options" name="EditSettingValue edit refdata setting with initial value for refdata with &gt;4 options renders the expected refdata options" time="0.327">
+    <testcase classname="EditSettingValue edit template setting with no initial value renders the expected template options" name="EditSettingValue edit template setting with no initial value renders the expected template options" time="0.064">
     </testcase>
-    <testcase classname="EditSettingValue edit refdata setting with initial value for refdata with &gt;4 options renders the expected value in the refdata dropdown" name="EditSettingValue edit refdata setting with initial value for refdata with &gt;4 options renders the expected value in the refdata dropdown" time="0.032">
+    <testcase classname="EditSettingValue edit template setting with no initial value renders expected display item in template dropdown" name="EditSettingValue edit template setting with no initial value renders expected display item in template dropdown" time="0.017">
     </testcase>
-    <testcase classname="EditSettingValue edit template setting with no initial value renders the edit field" name="EditSettingValue edit template setting with no initial value renders the edit field" time="0.027">
+    <testcase classname="EditSettingValue edit template setting with initial value renders the edit field" name="EditSettingValue edit template setting with initial value renders the edit field" time="0.017">
     </testcase>
-    <testcase classname="EditSettingValue edit template setting with no initial value renders the expected template options" name="EditSettingValue edit template setting with no initial value renders the expected template options" time="0.086">
+    <testcase classname="EditSettingValue edit template setting with initial value renders the expected template options" name="EditSettingValue edit template setting with initial value renders the expected template options" time="0.065">
     </testcase>
-    <testcase classname="EditSettingValue edit template setting with no initial value renders expected display item in template dropdown" name="EditSettingValue edit template setting with no initial value renders expected display item in template dropdown" time="0.034">
+    <testcase classname="EditSettingValue edit template setting with initial value renders expected display item in template dropdown" name="EditSettingValue edit template setting with initial value renders expected display item in template dropdown" time="0.016">
     </testcase>
-    <testcase classname="EditSettingValue edit template setting with initial value renders the edit field" name="EditSettingValue edit template setting with initial value renders the edit field" time="0.026">
+  </testsuite>
+  <testsuite name="SettingField" errors="0" failures="0" skipped="0" timestamp="2022-03-09T12:00:43" time="12.24" tests="3">
+    <testcase classname="SettingField renders RenderSettingValue" name="SettingField renders RenderSettingValue" time="0.07">
     </testcase>
-    <testcase classname="EditSettingValue edit template setting with initial value renders the expected template options" name="EditSettingValue edit template setting with initial value renders the expected template options" time="0.097">
+    <testcase classname="SettingField renders the edit button" name="SettingField renders the edit button" time="0.007">
     </testcase>
-    <testcase classname="EditSettingValue edit template setting with initial value renders expected display item in template dropdown" name="EditSettingValue edit template setting with initial value renders expected display item in template dropdown" time="0.021">
+    <testcase classname="SettingField clicking edit/save works as expected" name="SettingField clicking edit/save works as expected" time="0.127">
     </testcase>
   </testsuite>
 </testsuites>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k-int/stripes-kint-components",
-  "version": "1.7.0",
+  "version": "2.1.0",
   "description": "Stripes Component library for K-Int specific applications",
   "sideEffects": [
     "*.css"
@@ -21,7 +21,9 @@
   },
   "dependencies": {
     "react-resize-detector": "^6.7.6",
-    "@rehooks/local-storage": "2.4.0"
+    "@rehooks/local-storage": "2.4.0",
+    "@folio/react-intl-safe-html": "^3.1.0",
+    "compose-function": "^3.0.3"
   },
   "devDependencies": {
     "@babel/cli": "^7.11.6",
@@ -60,7 +62,7 @@
     "react": "^16.6.3",
     "react-dom": "^16.6.3",
     "react-router-dom": "^5.2.0",
-    "@folio/stripes": ">=7.0.3",
+    "@folio/stripes": "^7.0.3",
     "react-intl": ">=5.8.1",
     "regenerator-runtime": "^0.13.9"
   },

package/src/artifacts/coverage-jest/lcov-report/ActionList/ActionList.js.html

@@ -32,7 +32,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/3</span>
+                <span class='fraction'>0/4</span>
             </div>
         
             
@@ -120,7 +120,14 @@
 <a name='L55'></a><a href='#L55'>55</a>
 <a name='L56'></a><a href='#L56'>56</a>
 <a name='L57'></a><a href='#L57'>57</a>
-<a name='L58'></a><a href='#L58'>58</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L58'></a><a href='#L58'>58</a>
+<a name='L59'></a><a href='#L59'>59</a>
+<a name='L60'></a><a href='#L60'>60</a>
+<a name='L61'></a><a href='#L61'>61</a>
+<a name='L62'></a><a href='#L62'>62</a>
+<a name='L63'></a><a href='#L63'>63</a>
+<a name='L64'></a><a href='#L64'>64</a>
+<a name='L65'></a><a href='#L65'>65</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -139,6 +146,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -148,6 +156,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -157,6 +167,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -174,6 +185,9 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -193,6 +207,7 @@ const propTypes = <span class="cstat-no" title="statement not covered" >{</span>
   contentData: PropTypes.arrayOf(PropTypes.object),
   creatableFields: PropTypes.object,
   editableFields: PropTypes.object,
+  fieldComponents: PropTypes.object,
   visibleFields: PropTypes.arrayOf(PropTypes.string)
 };
 &nbsp;
@@ -203,31 +218,37 @@ const ActionList = <span class="cstat-no" title="statement not covered" ><span c
   contentData,
   creatableFields = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
   editableFields = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
-  visibleFields
+  fieldComponents = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
+  visibleFields,
+  ...mclProps // Assume anything left over is to directly apply to the MCL
 }) =&gt; {
 <span class="cstat-no" title="statement not covered" >  return (</span>
-    &lt;Form
-      enableReinitialize
-      initialValues={{ contentData }}
-      mutators={arrayMutators}
-      onSubmit={actionCalls.edit}
-      subscription={{ contentData: true }}
-    &gt;
-      {<span class="fstat-no" title="function not covered" >()</span> =&gt; (
-<span class="cstat-no" title="statement not covered" >        &lt;form onSubmit={<span class="fstat-no" title="function not covered" >e </span>=&gt; { <span class="cstat-no" title="statement not covered" >e.preventDefault(); </span>}}&gt;</span>
-          &lt;FieldArray
-            actionAssigner={actionAssigner}
-            actionCalls={actionCalls}
-            columnMapping={columnMapping}
-            component={ActionListFieldArray}
-            creatableFields={creatableFields}
-            editableFields={editableFields}
-            name="contentData"
-            visibleFields={visibleFields}
-          /&gt;
-        &lt;/form&gt;
-      )}
-    &lt;/Form&gt;
+    &lt;&gt;
+      &lt;Form
+        enableReinitialize
+        initialValues={{ contentData }}
+        mutators={arrayMutators}
+        onSubmit={actionCalls.edit}
+        subscription={{ contentData: true }}
+      &gt;
+        {<span class="fstat-no" title="function not covered" >()</span> =&gt; (
+<span class="cstat-no" title="statement not covered" >          &lt;form onSubmit={<span class="fstat-no" title="function not covered" >e </span>=&gt; { <span class="cstat-no" title="statement not covered" >e.preventDefault(); </span>}}&gt;</span>
+            &lt;FieldArray
+              actionAssigner={actionAssigner}
+              actionCalls={actionCalls}
+              columnMapping={columnMapping}
+              component={ActionListFieldArray}
+              creatableFields={creatableFields}
+              editableFields={editableFields}
+              fieldComponents={fieldComponents}
+              name="contentData"
+              visibleFields={visibleFields}
+              {...mclProps}
+            /&gt;
+          &lt;/form&gt;
+        )}
+      &lt;/Form&gt;
+    &lt;/&gt;
   );
 };
 &nbsp;
@@ -241,7 +262,7 @@ export default ActionList;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Jan 20 2022 16:19:40 GMT+0000 (Greenwich Mean Time)
+                at Wed Mar 09 2022 12:00:59 GMT+0000 (Greenwich Mean Time)
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/lcov-report/ActionList/ActionListFieldArray.js.html

@@ -25,28 +25,28 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/69</span>
+                <span class='fraction'>0/81</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/42</span>
+                <span class='fraction'>0/50</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/17</span>
+                <span class='fraction'>0/21</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/65</span>
+                <span class='fraction'>0/77</span>
             </div>
         
             
@@ -301,7 +301,45 @@
 <a name='L236'></a><a href='#L236'>236</a>
 <a name='L237'></a><a href='#L237'>237</a>
 <a name='L238'></a><a href='#L238'>238</a>
-<a name='L239'></a><a href='#L239'>239</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L239'></a><a href='#L239'>239</a>
+<a name='L240'></a><a href='#L240'>240</a>
+<a name='L241'></a><a href='#L241'>241</a>
+<a name='L242'></a><a href='#L242'>242</a>
+<a name='L243'></a><a href='#L243'>243</a>
+<a name='L244'></a><a href='#L244'>244</a>
+<a name='L245'></a><a href='#L245'>245</a>
+<a name='L246'></a><a href='#L246'>246</a>
+<a name='L247'></a><a href='#L247'>247</a>
+<a name='L248'></a><a href='#L248'>248</a>
+<a name='L249'></a><a href='#L249'>249</a>
+<a name='L250'></a><a href='#L250'>250</a>
+<a name='L251'></a><a href='#L251'>251</a>
+<a name='L252'></a><a href='#L252'>252</a>
+<a name='L253'></a><a href='#L253'>253</a>
+<a name='L254'></a><a href='#L254'>254</a>
+<a name='L255'></a><a href='#L255'>255</a>
+<a name='L256'></a><a href='#L256'>256</a>
+<a name='L257'></a><a href='#L257'>257</a>
+<a name='L258'></a><a href='#L258'>258</a>
+<a name='L259'></a><a href='#L259'>259</a>
+<a name='L260'></a><a href='#L260'>260</a>
+<a name='L261'></a><a href='#L261'>261</a>
+<a name='L262'></a><a href='#L262'>262</a>
+<a name='L263'></a><a href='#L263'>263</a>
+<a name='L264'></a><a href='#L264'>264</a>
+<a name='L265'></a><a href='#L265'>265</a>
+<a name='L266'></a><a href='#L266'>266</a>
+<a name='L267'></a><a href='#L267'>267</a>
+<a name='L268'></a><a href='#L268'>268</a>
+<a name='L269'></a><a href='#L269'>269</a>
+<a name='L270'></a><a href='#L270'>270</a>
+<a name='L271'></a><a href='#L271'>271</a>
+<a name='L272'></a><a href='#L272'>272</a>
+<a name='L273'></a><a href='#L273'>273</a>
+<a name='L274'></a><a href='#L274'>274</a>
+<a name='L275'></a><a href='#L275'>275</a>
+<a name='L276'></a><a href='#L276'>276</a>
+<a name='L277'></a><a href='#L277'>277</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -324,6 +362,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -334,6 +374,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -396,6 +438,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -410,6 +453,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -447,6 +491,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -461,6 +506,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -502,9 +548,37 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -536,6 +610,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -559,6 +635,8 @@ const propTypes = <span class="cstat-no" title="statement not covered" >{</span>
   creatableFields: PropTypes.object,
   editableFields: PropTypes.object,
   fields: PropTypes.object,
+  fieldComponents: PropTypes.object,
+  formatter: PropTypes.object,
   visibleFields: PropTypes.arrayOf(PropTypes.string)
 };
 &nbsp;
@@ -569,7 +647,9 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
   creatableFields,
   editableFields,
   fields,
-  visibleFields
+  fieldComponents,
+  visibleFields,
+  ...mclProps // Assume anything left over is to directly apply to the MCL
 }) =&gt; {
   // Grab finalForm functions/values from form hooks
   const { change } = <span class="cstat-no" title="statement not covered" >useForm();</span>
@@ -633,6 +713,7 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
             key={`save[${data.rowIndex}]`}
             buttonStyle="primary"
             disabled={submitting || pristine}
+            marginBottom0
             onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
 <span class="cstat-no" title="statement not covered" >              if (!data.id &amp;&amp; editing === 'NEW_ROW') {</span>
 <span class="cstat-no" title="statement not covered" >                handleCreate(data.rowIndex);</span>
@@ -647,6 +728,7 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
           &lt;Button
             key={`cancel[${data.rowIndex}]`}
             data-type-button="cancel"
+            marginBottom0
             onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
 <span class="cstat-no" title="statement not covered" >              if (!data.id &amp;&amp; editing === 'NEW_ROW') {</span>
 <span class="cstat-no" title="statement not covered" >                fields.remove(data.rowIndex);</span>
@@ -679,6 +761,7 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
                 key={`action-${action.name}[${data.rowIndex}]`}
                 disabled={editing}
                 icon={action.icon}
+                marginBottom0
                 onClick={actionFunction}
               /&gt;
             );
@@ -689,6 +772,7 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
             &lt;Button
               key={`action-${action.name}[${data.rowIndex}]`}
               disabled={editing}
+              marginBottom0
               onClick={actionFunction}
             &gt;
               {action.label ?? action.name}
@@ -732,10 +816,16 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
                 (editFunction(cd))
             ) {
 <span class="cstat-no" title="statement not covered" >              returnObj[key] =</span>
+                fieldComponents[key] ?
+                fieldComponents[key]({
+                  name: `${fieldName}.${key}`
+                }) :
                 &lt;Field
                   autofocus={fieldIndex === 0}
                   component={TextField}
+                  marginBottom0
                   name={`${fieldName}.${key}`}
+                  parse={<span class="fstat-no" title="function not covered" >v </span>=&gt; <span class="cstat-no" title="statement not covered" >v}</span>
                 /&gt;;
             }
           }
@@ -744,6 +834,28 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
       })
     );
   };
+&nbsp;
+  const { formatter, ...restOfMclProps } = <span class="cstat-no" title="statement not covered" >mclProps;</span> // Destructure formatter part of mclProps
+  const fieldAwareFormatter = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+    const returnObj = <span class="cstat-no" title="statement not covered" >{};</span>
+    // For each visible field, if it's being edited then ignore passed formatters, else use them
+<span class="cstat-no" title="statement not covered" >    visibleFields.forEach(<span class="fstat-no" title="function not covered" >ke</span>y =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >      returnObj[key] = <span class="fstat-no" title="function not covered" >cd</span> =&gt; {</span>
+         // Row is being edited if it has no id, or its id is in the editing string
+        const editingRow = <span class="cstat-no" title="statement not covered" >cd.id === editing || !cd.id;</span>
+        // If not editing, use the passed formatter values
+&nbsp;
+        let returnValue = <span class="cstat-no" title="statement not covered" >cd[key];</span>
+&nbsp;
+<span class="cstat-no" title="statement not covered" >        if (!editingRow &amp;&amp; formatter?.[key]) {</span>
+<span class="cstat-no" title="statement not covered" >          returnValue = formatter[key](cd);</span>
+        }
+&nbsp;
+<span class="cstat-no" title="statement not covered" >        return returnValue;</span>
+      };
+    });
+<span class="cstat-no" title="statement not covered" >    return returnObj;</span>
+  };
 &nbsp;
 <span class="cstat-no" title="statement not covered" >  return (</span>
     &lt;&gt;
@@ -765,10 +877,12 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
         columnWidths={getColumnWidths()}
         contentData={formatContent()}
         formatter={{
-          actionListActions: renderActionButtons
+          actionListActions: renderActionButtons,
+          ...fieldAwareFormatter()
         }}
         interactive={false}
         visibleColumns={[...visibleFields, 'actionListActions']}
+        {...restOfMclProps}
       /&gt;
     &lt;/&gt;
   );
@@ -784,7 +898,7 @@ export default ActionListFieldArray;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Jan 20 2022 16:19:40 GMT+0000 (Greenwich Mean Time)
+                at Wed Mar 09 2022 12:00:59 GMT+0000 (Greenwich Mean Time)
             </div>
         <script src="../prettify.js"></script>
         <script>