@k-int/stripes-kint-components 2.8.4 → 2.8.5

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/105</span>
+                <span class='fraction'>0/119</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/78</span>
+                <span class='fraction'>0/88</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/28</span>
+                <span class='fraction'>0/30</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/96</span>
+                <span class='fraction'>0/111</span>
             </div>
         
             
@@ -418,7 +418,87 @@
 <a name='L353'></a><a href='#L353'>353</a>
 <a name='L354'></a><a href='#L354'>354</a>
 <a name='L355'></a><a href='#L355'>355</a>
-<a name='L356'></a><a href='#L356'>356</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L356'></a><a href='#L356'>356</a>
+<a name='L357'></a><a href='#L357'>357</a>
+<a name='L358'></a><a href='#L358'>358</a>
+<a name='L359'></a><a href='#L359'>359</a>
+<a name='L360'></a><a href='#L360'>360</a>
+<a name='L361'></a><a href='#L361'>361</a>
+<a name='L362'></a><a href='#L362'>362</a>
+<a name='L363'></a><a href='#L363'>363</a>
+<a name='L364'></a><a href='#L364'>364</a>
+<a name='L365'></a><a href='#L365'>365</a>
+<a name='L366'></a><a href='#L366'>366</a>
+<a name='L367'></a><a href='#L367'>367</a>
+<a name='L368'></a><a href='#L368'>368</a>
+<a name='L369'></a><a href='#L369'>369</a>
+<a name='L370'></a><a href='#L370'>370</a>
+<a name='L371'></a><a href='#L371'>371</a>
+<a name='L372'></a><a href='#L372'>372</a>
+<a name='L373'></a><a href='#L373'>373</a>
+<a name='L374'></a><a href='#L374'>374</a>
+<a name='L375'></a><a href='#L375'>375</a>
+<a name='L376'></a><a href='#L376'>376</a>
+<a name='L377'></a><a href='#L377'>377</a>
+<a name='L378'></a><a href='#L378'>378</a>
+<a name='L379'></a><a href='#L379'>379</a>
+<a name='L380'></a><a href='#L380'>380</a>
+<a name='L381'></a><a href='#L381'>381</a>
+<a name='L382'></a><a href='#L382'>382</a>
+<a name='L383'></a><a href='#L383'>383</a>
+<a name='L384'></a><a href='#L384'>384</a>
+<a name='L385'></a><a href='#L385'>385</a>
+<a name='L386'></a><a href='#L386'>386</a>
+<a name='L387'></a><a href='#L387'>387</a>
+<a name='L388'></a><a href='#L388'>388</a>
+<a name='L389'></a><a href='#L389'>389</a>
+<a name='L390'></a><a href='#L390'>390</a>
+<a name='L391'></a><a href='#L391'>391</a>
+<a name='L392'></a><a href='#L392'>392</a>
+<a name='L393'></a><a href='#L393'>393</a>
+<a name='L394'></a><a href='#L394'>394</a>
+<a name='L395'></a><a href='#L395'>395</a>
+<a name='L396'></a><a href='#L396'>396</a>
+<a name='L397'></a><a href='#L397'>397</a>
+<a name='L398'></a><a href='#L398'>398</a>
+<a name='L399'></a><a href='#L399'>399</a>
+<a name='L400'></a><a href='#L400'>400</a>
+<a name='L401'></a><a href='#L401'>401</a>
+<a name='L402'></a><a href='#L402'>402</a>
+<a name='L403'></a><a href='#L403'>403</a>
+<a name='L404'></a><a href='#L404'>404</a>
+<a name='L405'></a><a href='#L405'>405</a>
+<a name='L406'></a><a href='#L406'>406</a>
+<a name='L407'></a><a href='#L407'>407</a>
+<a name='L408'></a><a href='#L408'>408</a>
+<a name='L409'></a><a href='#L409'>409</a>
+<a name='L410'></a><a href='#L410'>410</a>
+<a name='L411'></a><a href='#L411'>411</a>
+<a name='L412'></a><a href='#L412'>412</a>
+<a name='L413'></a><a href='#L413'>413</a>
+<a name='L414'></a><a href='#L414'>414</a>
+<a name='L415'></a><a href='#L415'>415</a>
+<a name='L416'></a><a href='#L416'>416</a>
+<a name='L417'></a><a href='#L417'>417</a>
+<a name='L418'></a><a href='#L418'>418</a>
+<a name='L419'></a><a href='#L419'>419</a>
+<a name='L420'></a><a href='#L420'>420</a>
+<a name='L421'></a><a href='#L421'>421</a>
+<a name='L422'></a><a href='#L422'>422</a>
+<a name='L423'></a><a href='#L423'>423</a>
+<a name='L424'></a><a href='#L424'>424</a>
+<a name='L425'></a><a href='#L425'>425</a>
+<a name='L426'></a><a href='#L426'>426</a>
+<a name='L427'></a><a href='#L427'>427</a>
+<a name='L428'></a><a href='#L428'>428</a>
+<a name='L429'></a><a href='#L429'>429</a>
+<a name='L430'></a><a href='#L430'>430</a>
+<a name='L431'></a><a href='#L431'>431</a>
+<a name='L432'></a><a href='#L432'>432</a>
+<a name='L433'></a><a href='#L433'>433</a>
+<a name='L434'></a><a href='#L434'>434</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>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -453,6 +533,12 @@
 <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-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>
@@ -462,6 +548,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-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>
@@ -472,6 +560,13 @@
 <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-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>
@@ -479,6 +574,28 @@
 <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-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-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-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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -502,8 +619,6 @@
 <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-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -517,8 +632,6 @@
 <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-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -586,6 +699,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-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -601,6 +717,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>
@@ -609,18 +728,31 @@
 <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-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-no">&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-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-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-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>
@@ -630,6 +762,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>
@@ -637,6 +770,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>
@@ -650,12 +784,19 @@
 <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>
 <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-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -770,17 +911,34 @@
 <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-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>
+<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></td><td class="text"><pre class="prettyprint lang-js">import React, { forwardRef, useImperativeHandle, useState } from 'react';
 import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
+&nbsp;
 import get from 'lodash/get';
 import cloneDeep from 'lodash/cloneDeep';
 &nbsp;
 import { Field, useForm, useFormState } from 'react-final-form';
-import { Button, Headline, IconButton, MultiColumnList, TextField } from '@folio/stripes/components';
+import { Button, Headline, IconButton, MultiColumnList, TextField, Tooltip } from '@folio/stripes/components';
+import { useKintIntl } from '../hooks';
+&nbsp;
 import css from '../../../styles/ActionListFieldArray.css';
 &nbsp;
 const EDITING_ACTIONS_WIDTH = <span class="cstat-no" title="statement not covered" >25;</span>
@@ -789,7 +947,6 @@ const TOTAL_WIDTH = <span class="cstat-no" title="statement not covered" >100;</
 &nbsp;
 const propTypes = <span class="cstat-no" title="statement not covered" >{</span>
   actionAssigner: PropTypes.func,
-  actionCalls: PropTypes.object,
   columnMapping: PropTypes.object,
   creatableFields: PropTypes.object,
   createCallback: PropTypes.func,
@@ -799,18 +956,52 @@ const propTypes = <span class="cstat-no" title="statement not covered" >{</span>
   fieldComponents: PropTypes.object,
   formatter: PropTypes.object,
   hideCreateButton: PropTypes.bool,
+  intlKey: PropTypes.string,
+  intlNS: PropTypes.string,
   label: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.node
   ]),
+  labelOverrides: PropTypes.object,
+  onRowClick: PropTypes.func,
   triggerFormSubmit: PropTypes.func.isRequired,
   validateFields: PropTypes.object,
   visibleFields: PropTypes.arrayOf(PropTypes.string)
 };
 &nbsp;
+// This needs to be outside of the main component for forwardRef to work properly it seems.
+const ActionTrigger = <span class="cstat-no" title="statement not covered" >forwardRef(<span class="fstat-no" title="function not covered" >({</span> action, ...actionTriggerProps }, ref) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >  if (action.icon) {</span>
+<span class="cstat-no" title="statement not covered" >    return (</span>
+      &lt;IconButton
+        ref={ref}
+        icon={action.icon}
+        {...actionTriggerProps}
+      /&gt;
+    );
+  }
+&nbsp;
+<span class="cstat-no" title="statement not covered" >  return (</span>
+    &lt;Button
+      ref={ref}
+      marginBottom0
+      {...actionTriggerProps}
+    &gt;
+      {action.label ?? action.name}
+    &lt;/Button&gt;
+  );
+});
+&nbsp;
+<span class="cstat-no" title="statement not covered" >ActionTrigger.propTypes = {</span>
+  action: PropTypes.shape({
+    icon: PropTypes.string,
+    label: PropTypes.string,
+    name: PropTypes.string
+  })
+};
+&nbsp;
 const ActionListFieldArray = <span class="cstat-no" title="statement not covered" >forwardRef(<span class="fstat-no" title="function not covered" >({</span></span>
   actionAssigner,
-  actionCalls, // DEPRECATED
   columnMapping,
   creatableFields,
   createCallback,
@@ -819,7 +1010,11 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
   fields,
   fieldComponents,
   hideCreateButton = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span>
+  intlKey: passedIntlKey,
+  intlNS: passedIntlNS,
   label,
+  labelOverrides = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
+  onRowClick,
   validateFields,
   visibleFields,
   triggerFormSubmit,
@@ -828,7 +1023,7 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
   // Grab finalForm functions/values from form hooks
   const { change } = <span class="cstat-no" title="statement not covered" >useForm();</span>
   const { hasValidationErrors, initialValues, pristine, submitting, values } = <span class="cstat-no" title="statement not covered" >useFormState();</span>
-&nbsp;
+  const kintIntl = <span class="cstat-no" title="statement not covered" >useKintIntl(passedIntlKey, passedIntlNS);</span>
   /*
     Keep track of which field we are editing.
     null for no field, string id if we are editing an existing field and
@@ -856,8 +1051,6 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
     const editCallback = <span class="cstat-no" title="statement not covered" >actionAssigner(rowData)?.find(<span class="fstat-no" title="function not covered" >ac</span>t =&gt; <span class="cstat-no" title="statement not covered" >act.name === 'edit')</span>?.callback;</span>
 <span class="cstat-no" title="statement not covered" >    if (editCallback) {</span>
 <span class="cstat-no" title="statement not covered" >      editCallback(rowData);</span>
-    } else {
-<span class="cstat-no" title="statement not covered" >      actionCalls.edit(rowData); </span>// DEPRECATED
     }
   };
 &nbsp;
@@ -871,8 +1064,6 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
 &nbsp;
 <span class="cstat-no" title="statement not covered" >    if (createCallback) {</span>
 <span class="cstat-no" title="statement not covered" >      createCallback(rowData);</span>
-    } else {
-<span class="cstat-no" title="statement not covered" >      actionCalls.create(rowData); </span>// DEPRECATED
     }
   };
 &nbsp;
@@ -914,7 +1105,7 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
 <span class="cstat-no" title="statement not covered" >    if (data.id === editing || (!data.id &amp;&amp; editing === 'NEW_ROW')) {</span>
       // Render the save/cancel buttons
 <span class="cstat-no" title="statement not covered" >      return (</span>
-        &lt;div&gt;
+        &lt;div id="action-button-parent"&gt;
           &lt;Button
             key={`save[${data.rowIndex}]`}
             buttonStyle="primary"
@@ -934,7 +1125,10 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
             }}
             type="submit"
           &gt;
-            &lt;FormattedMessage id="stripes-kint-components.actionList.save" /&gt;
+            {kintIntl.formatKintMessage({
+              id: 'save',
+              overrideValue: labelOverrides?.save
+            })}
           &lt;/Button&gt;
           &lt;Button
             key={`cancel[${data.rowIndex}]`}
@@ -950,23 +1144,22 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
               }
             }}
           &gt;
-            &lt;FormattedMessage id="stripes-kint-components.actionList.cancel" /&gt;
+            {kintIntl.formatKintMessage({
+              id: 'cancel',
+              overrideValue: labelOverrides?.cancel
+            })}
           &lt;/Button&gt;
         &lt;/div&gt;
       );
     }
 &nbsp;
 <span class="cstat-no" title="statement not covered" >    return (</span>
-      &lt;div&gt;
+      &lt;div id="action-button-parent"&gt;
         {actions?.map(<span class="fstat-no" title="function not covered" >ac</span>tion =&gt; {
           let actionFunction;
 <span class="cstat-no" title="statement not covered" >          if (action.callback) {</span>
 <span class="cstat-no" title="statement not covered" >            actionFunction = <span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >action.callback(rest);</span></span>
           }
-&nbsp;
-<span class="cstat-no" title="statement not covered" >          if (!actionFunction &amp;&amp; actionCalls[action.name]) {</span>
-<span class="cstat-no" title="statement not covered" >            actionFunction = <span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >actionCalls[action.name](rest);</span> </span>// DEPRECATED
-          }
 &nbsp;
           // Edit has special action functionality, revealing fields etc.
 <span class="cstat-no" title="statement not covered" >          if (action.name === 'edit') {</span>
@@ -984,32 +1177,58 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
             }
           }
 &nbsp;
-          // If we're handed an icon, use that for the action button
-<span class="cstat-no" title="statement not covered" >          if (action.icon) {</span>
+          let tooltip;
+          let tooltipSub;
+<span class="cstat-no" title="statement not covered" >          if (action?.tooltip) {</span>
+<span class="cstat-no" title="statement not covered" >            if (typeof action.tooltip === 'function') {</span>
+<span class="cstat-no" title="statement not covered" >              tooltip = action.tooltip(data);</span>
+            } else {
+<span class="cstat-no" title="statement not covered" >              tooltip = action.tooltip;</span>
+            }
+&nbsp;
+<span class="cstat-no" title="statement not covered" >            if (action?.tooltipSub) {</span>
+<span class="cstat-no" title="statement not covered" >              if (typeof action.tooltipSub === 'function') {</span>
+<span class="cstat-no" title="statement not covered" >                tooltipSub = action.tooltipSub(data);</span>
+              } else {
+<span class="cstat-no" title="statement not covered" >                tooltipSub = action.tooltipSub;</span>
+              }
+            }
+          }
+&nbsp;
+          // If a tooltip is declared, render that around the actionButton
+<span class="cstat-no" title="statement not covered" >          if (tooltip) {</span>
 <span class="cstat-no" title="statement not covered" >            return (</span>
-              &lt;IconButton
-                key={`action-${action.name}[${data.rowIndex}]`}
-                ariaLabel={ariaLabel}
-                disabled={editing}
-                icon={action.icon}
-                onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; (<span class="cstat-no" title="statement not covered" >actionFunction ? actionFunction() : <span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >null)</span></span>}
-                to={action.to}
-              /&gt;
+              &lt;Tooltip
+                id={`action-${action.name}[${data.rowIndex}]-tooltip`}
+                sub={tooltipSub}
+                text={tooltip}
+              &gt;
+                {<span class="fstat-no" title="function not covered" >({</span> ref: actionTriggerRef, ariaIds }) =&gt; (
+<span class="cstat-no" title="statement not covered" >                  &lt;ActionTrigger</span>
+                    key={`action-${action.name}[${data.rowIndex}]`}
+                    ref={actionTriggerRef}
+                    action={action}
+                    aria-describedby={ariaIds.sub}
+                    aria-labelledby={ariaIds.text}
+                    disabled={editing}
+                    onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; (<span class="cstat-no" title="statement not covered" >actionFunction ? actionFunction() : <span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >null)</span></span>}
+                    to={action.to}
+                  /&gt;
+                )}
+              &lt;/Tooltip&gt;
             );
           }
 &nbsp;
-          // Else return a button with the label, or failing that the name of the action
+          // Finally, render the action button itself
 <span class="cstat-no" title="statement not covered" >          return (</span>
-            &lt;Button
+            &lt;ActionTrigger
               key={`action-${action.name}[${data.rowIndex}]`}
+              action={action}
               ariaLabel={ariaLabel}
               disabled={editing}
-              marginBottom0
               onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; (<span class="cstat-no" title="statement not covered" >actionFunction ? actionFunction() : <span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >null)</span></span>}
               to={action.to}
-            &gt;
-              {action.label ?? action.name}
-            &lt;/Button&gt;
+            /&gt;
           );
         })}
       &lt;/div&gt;
@@ -1098,18 +1317,24 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
         &lt;/Headline&gt;
         {!hideCreateButton &amp;&amp;
           &lt;Button
-            disabled={editing || (!actionCalls.create &amp;&amp; !createCallback)} // DEPRECATED actionCalls
+            disabled={editing || !createCallback}
             marginBottom0
             onClick={handleClickCreate}
           &gt;
-            &lt;FormattedMessage id="stripes-kint-components.new" /&gt;
+            {kintIntl.formatKintMessage({
+              id: 'new',
+              overrideValue: labelOverrides?.new
+            })}
           &lt;/Button&gt;
         }
       &lt;/div&gt;
       &lt;MultiColumnList
         columnMapping={{
           ...columnMapping,
-          actionListActions: &lt;FormattedMessage id="stripes-kint-components.actionList.actions" /&gt;
+          actionListActions: kintIntl.formatKintMessage({
+            id: 'actions',
+            overrideValue: labelOverrides?.actions
+          })
         }}
         columnWidths={getColumnWidths()}
         contentData={assignActions()}
@@ -1117,7 +1342,16 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
           actionListActions: renderActionButtons,
           ...fieldAwareFormatter()
         }}
-        interactive={false}
+        interactive={!!onRowClick}
+        onRowClick={onRowClick ? <span class="fstat-no" title="function not covered" >(e</span>, row) =&gt; {
+          // Make sure we ONLY fire row click from row, and not from action buttons.
+          const targetIsAction = <span class="cstat-no" title="statement not covered" >e.target.closest('[id^=action-button-parent]') !== null;</span>
+&nbsp;
+<span class="cstat-no" title="statement not covered" >          if (!targetIsAction) {</span>
+            const { actionListActions: _ala, ...rowWithoutActions } = <span class="cstat-no" title="statement not covered" >row;</span>
+<span class="cstat-no" title="statement not covered" >            onRowClick(e, rowWithoutActions);</span>
+          }
+        } : null}
         visibleColumns={[...visibleFields, 'actionListActions']}
         {...restOfMclProps}
       /&gt;
@@ -1135,7 +1369,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 2022-11-22T09:57:19.883Z
+                at 2022-11-22T10:07:38.260Z
             </div>
         <script src="../prettify.js"></script>
         <script>