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

package/es/lib/hooks/useRefdata.js

@@ -29,17 +29,11 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var useRefdata = function useRefdata(_ref) {
   var endpoint = _ref.endpoint,
       desc = _ref.desc,
+      _ref$options = _ref.options,
+      options = _ref$options === void 0 ? _utils.refdataOptions : _ref$options,
       queryParams = _ref.queryParams,
       _ref$returnQueryObjec = _ref.returnQueryObject,
-      returnQueryObject = _ref$returnQueryObjec === void 0 ? false : _ref$returnQueryObjec,
-      _ref$options = _ref.options,
-      options = _ref$options === void 0 ? {
-    filterKeys: {
-      DescKey: 'desc'
-    },
-    stats: false,
-    max: 100
-  } : _ref$options;
+      returnQueryObject = _ref$returnQueryObjec === void 0 ? false : _ref$returnQueryObjec;
   var ky = (0, _core.useOkapiKy)();
   var nsValues = {};
   /* Desc will tend to contain a '.', which will throw off generateKiwtQuery.

package/es/lib/utils/index.js

@@ -21,6 +21,12 @@ Object.defineProperty(exports, "generateKiwtQueryParams", {
     return _generateKiwtQueryParams.default;
   }
 });
+Object.defineProperty(exports, "refdataOptions", {
+  enumerable: true,
+  get: function get() {
+    return _refdataOptions.default;
+  }
+});
 Object.defineProperty(exports, "renderHelpText", {
   enumerable: true,
   get: function get() {
@@ -54,6 +60,8 @@ var _selectorSafe = _interopRequireDefault(require("./selectorSafe"));
 
 var _buildUrl = _interopRequireDefault(require("./buildUrl"));
 
+var _refdataOptions = _interopRequireDefault(require("./refdataOptions"));
+
 var _renderHelpText = _interopRequireDefault(require("./renderHelpText"));
 
 var _sortByLabel = _interopRequireDefault(require("./sortByLabel"));

package/es/lib/utils/refdataOptions.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var _default = {
+  filterKeys: {
+    DescKey: 'desc'
+  },
+  stats: false,
+  max: 100
+};
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/utils/refdataOptions.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

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="5.689">
-  <testsuite name="RenderSettingValue" errors="0" failures="0" skipped="0" timestamp="2021-12-10T16:29:22" time="1.989" 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.023">
+<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">
     </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.003">
+    <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>
-    <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 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>
-    <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 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>
-    <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.003">
+    <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>
-    <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 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>
-    <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 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>
-    <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 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>
-    <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 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>
     <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>
-    <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.003">
+    <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>
-    <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 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>
   </testsuite>
-  <testsuite name="EditableSettingsListFieldArray" errors="0" failures="0" skipped="0" timestamp="2021-12-10T16:29:22" time="2.171" tests="3">
-    <testcase classname="EditableSettingsListFieldArray with empty initial values renders empty field" name="EditableSettingsListFieldArray with empty initial values renders empty field" time="0.033">
+  <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">
     </testcase>
-    <testcase classname="EditableSettingsListFieldArray with initial value set renders the SettingField component" name="EditableSettingsListFieldArray with initial value set renders the SettingField component" time="0.009">
+    <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>
-    <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 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>
   </testsuite>
-  <testsuite name="SettingField" errors="0" failures="0" skipped="0" timestamp="2021-12-10T16:29:22" time="2.299" tests="3">
-    <testcase classname="SettingField renders RenderSettingValue" name="SettingField renders RenderSettingValue" time="0.042">
+  <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">
     </testcase>
-    <testcase classname="SettingField renders the edit button" name="SettingField renders the edit button" time="0.008">
+    <testcase classname="SettingField renders the edit button" name="SettingField renders the edit button" time="0.009">
     </testcase>
-    <testcase classname="SettingField clicking edit/save works as expected" name="SettingField clicking edit/save works as expected" time="0.118">
+    <testcase classname="SettingField clicking edit/save works as expected" name="SettingField clicking edit/save works as expected" time="0.236">
     </testcase>
   </testsuite>
-  <testsuite name="EditSettingValue" errors="0" failures="0" skipped="0" timestamp="2021-12-10T16:29:22" time="3.476" 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.087">
+  <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>
-    <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.024">
+    <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>
-    <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.163">
+    <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>
-    <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.142">
+    <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>
-    <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.146">
+    <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>
-    <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.131">
+    <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>
-    <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.021">
+    <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>
-    <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.19">
+    <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>
-    <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.191">
+    <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>
-    <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.017">
+    <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>
-    <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.015">
+    <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>
-    <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.058">
+    <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>
-    <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.015">
+    <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>
-    <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.018">
+    <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">
     </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.059">
+    <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>
-    <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.015">
+    <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>
   </testsuite>
 </testsuites>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k-int/stripes-kint-components",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "description": "Stripes Component library for K-Int specific applications",
   "sideEffects": [
     "*.css"

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

@@ -25,21 +25,21 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/5</span>
+                <span class='fraction'>0/6</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/2</span>
+                <span class='fraction'>0/3</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/2</span>
+                <span class='fraction'>0/3</span>
             </div>
         
             
@@ -117,7 +117,10 @@
 <a name='L52'></a><a href='#L52'>52</a>
 <a name='L53'></a><a href='#L53'>53</a>
 <a name='L54'></a><a href='#L54'>54</a>
-<a name='L55'></a><a href='#L55'>55</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<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>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -135,6 +138,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>
@@ -143,6 +147,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>
@@ -168,6 +173,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>
@@ -185,6 +191,7 @@ const propTypes = <span class="cstat-no" title="statement not covered" >{</span>
   actionCalls: PropTypes.object,
   columnMapping: PropTypes.object,
   contentData: PropTypes.arrayOf(PropTypes.object),
+  creatableFields: PropTypes.object,
   editableFields: PropTypes.object,
   visibleFields: PropTypes.arrayOf(PropTypes.string)
 };
@@ -194,6 +201,7 @@ const ActionList = <span class="cstat-no" title="statement not covered" ><span c
   actionCalls = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
   columnMapping,
   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
 }) =&gt; {
@@ -205,13 +213,14 @@ const ActionList = <span class="cstat-no" title="statement not covered" ><span c
       onSubmit={actionCalls.edit}
       subscription={{ contentData: true }}
     &gt;
-      {<span class="fstat-no" title="function not covered" >({</span> handleSubmit }) =&gt; (
-<span class="cstat-no" title="statement not covered" >        &lt;form onSubmit={handleSubmit}&gt;</span>
+      {<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}
@@ -231,10 +240,9 @@ export default ActionList;
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <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)
             </div>
-        </div>
         <script src="../prettify.js"></script>
         <script>
             window.onload = function () {

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/64</span>
+                <span class='fraction'>0/69</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/35</span>
+                <span class='fraction'>0/42</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/16</span>
+                <span class='fraction'>0/17</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/61</span>
+                <span class='fraction'>0/65</span>
             </div>
         
             
@@ -289,7 +289,19 @@
 <a name='L224'></a><a href='#L224'>224</a>
 <a name='L225'></a><a href='#L225'>225</a>
 <a name='L226'></a><a href='#L226'>226</a>
-<a name='L227'></a><a href='#L227'>227</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L227'></a><a href='#L227'>227</a>
+<a name='L228'></a><a href='#L228'>228</a>
+<a name='L229'></a><a href='#L229'>229</a>
+<a name='L230'></a><a href='#L230'>230</a>
+<a name='L231'></a><a href='#L231'>231</a>
+<a name='L232'></a><a href='#L232'>232</a>
+<a name='L233'></a><a href='#L233'>233</a>
+<a name='L234'></a><a href='#L234'>234</a>
+<a name='L235'></a><a href='#L235'>235</a>
+<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>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -311,6 +323,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>
@@ -320,6 +333,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>
@@ -398,6 +412,11 @@
 <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-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -461,6 +480,10 @@
 <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-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>
@@ -478,6 +501,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>
@@ -532,6 +556,7 @@ const propTypes = <span class="cstat-no" title="statement not covered" >{</span>
   actionAssigner: PropTypes.func,
   actionCalls: PropTypes.object,
   columnMapping: PropTypes.object,
+  creatableFields: PropTypes.object,
   editableFields: PropTypes.object,
   fields: PropTypes.object,
   visibleFields: PropTypes.arrayOf(PropTypes.string)
@@ -541,6 +566,7 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
   actionAssigner,
   actionCalls,
   columnMapping,
+  creatableFields,
   editableFields,
   fields,
   visibleFields
@@ -571,7 +597,7 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
   };
 &nbsp;
   const handleCreate = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(i</span>ndex) =&gt; {</span>
-    const rowData = <span class="cstat-no" title="statement not covered" >fields.value[index];</span>
+    const { actionListActions: _a, ...rowData } = <span class="cstat-no" title="statement not covered" >fields.value[index];</span>
 <span class="cstat-no" title="statement not covered" >    actionCalls.create(rowData);</span>
   };
 &nbsp;
@@ -622,8 +648,13 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
             key={`cancel[${data.rowIndex}]`}
             data-type-button="cancel"
             onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >              change(fieldName, get(initialValues, fieldName));</span>
-<span class="cstat-no" title="statement not covered" >              toggleEditing(data.id);</span>
+<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>
+<span class="cstat-no" title="statement not covered" >                toggleEditing('NEW_ROW');</span>
+              } else {
+<span class="cstat-no" title="statement not covered" >                change(fieldName, get(initialValues, fieldName));</span>
+<span class="cstat-no" title="statement not covered" >                toggleEditing(data.id);</span>
+              }
             }}
           &gt;
             &lt;FormattedMessage id="stripes-kint-components.actionList.cancel" /&gt;
@@ -670,7 +701,7 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
 &nbsp;
   const formatContent = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >    return (</span>
-      fields.map(<span class="fstat-no" title="function not covered" >fi</span>eldName =&gt; {
+      fields.map(<span class="fstat-no" title="function not covered" >(f</span>ieldName, fieldIndex) =&gt; {
         // Fetch the content from the field Values
         const cd = <span class="cstat-no" title="statement not covered" >get(values, fieldName);</span>
 <span class="cstat-no" title="statement not covered" >        cd.actionListActions = actionAssigner(cd);</span>
@@ -687,17 +718,22 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
           */
 <span class="cstat-no" title="statement not covered" >          for (const key of visibleFields) {</span>
             const editFunction = <span class="cstat-no" title="statement not covered" >editableFields[key] ?? (<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >true)</span>;</span>
+            const createFunction = <span class="cstat-no" title="statement not covered" >creatableFields[key] ?? (<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >true)</span>;</span>
             /*
-              Next check if this is a new row, if so we should edit it in a Field
-              If it does, then we check if the property has an editableField function,
-              if it does we run it with the data. If not then we just return the Field
+              Next check if this is a new row, if so we should run the createableField function with the data.
+              If it is not a new row, then we run the editableField function with the data,
+              and it should return true/false
+&nbsp;
+              For both checks
+              true =&gt; Field, false =&gt; display value
             */
 <span class="cstat-no" title="statement not covered" >            if (</span>
-                !cd.id ||
+                (!cd.id &amp;&amp; createFunction(cd)) ||
                 (editFunction(cd))
             ) {
 <span class="cstat-no" title="statement not covered" >              returnObj[key] =</span>
                 &lt;Field
+                  autofocus={fieldIndex === 0}
                   component={TextField}
                   name={`${fieldName}.${key}`}
                 /&gt;;
@@ -747,10 +783,9 @@ export default ActionListFieldArray;
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <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)
             </div>
-        </div>
         <script src="../prettify.js"></script>
         <script>
             window.onload = function () {

package/src/artifacts/coverage-jest/lcov-report/ActionList/index.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/75</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/37</span>
+                <span class='fraction'>0/45</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/18</span>
+                <span class='fraction'>0/20</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/66</span>
+                <span class='fraction'>0/70</span>
             </div>
         
             
@@ -84,11 +84,11 @@
 	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
 	</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="5" class="abs low">0/5</td>
+	<td data-value="6" class="abs low">0/6</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="2" class="abs low">0/2</td>
+	<td data-value="3" class="abs low">0/3</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="2" class="abs low">0/2</td>
+	<td data-value="3" class="abs low">0/3</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="5" class="abs low">0/5</td>
 	</tr>
@@ -99,13 +99,13 @@
 	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
 	</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="64" class="abs low">0/64</td>
+	<td data-value="69" class="abs low">0/69</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="35" class="abs low">0/35</td>
+	<td data-value="42" class="abs low">0/42</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="16" class="abs low">0/16</td>
+	<td data-value="17" class="abs low">0/17</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="61" class="abs low">0/61</td>
+	<td data-value="65" class="abs low">0/65</td>
 	</tr>
 
 <tr>
@@ -130,10 +130,9 @@
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
+                <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)
             </div>
-        </div>
         <script src="../prettify.js"></script>
         <script>
             window.onload = function () {