npm - @k-int/stripes-kint-components - Versions diffs - 2.8.2 → 2.8.3 - Mend

@k-int/stripes-kint-components 2.8.2 → 2.8.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (158) hide show

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

@@ -25,28 +25,28 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/95</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/68</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/86</span>
+                <span class='fraction'>0/111</span>
             </div>
@@ -386,7 +386,120 @@
 <a name='L321'></a><a href='#L321'>321</a>
 <a name='L322'></a><a href='#L322'>322</a>
 <a name='L323'></a><a href='#L323'>323</a>
-<a name='L324'></a><a href='#L324'>324</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L324'></a><a href='#L324'>324</a>
+<a name='L325'></a><a href='#L325'>325</a>
+<a name='L326'></a><a href='#L326'>326</a>
+<a name='L327'></a><a href='#L327'>327</a>
+<a name='L328'></a><a href='#L328'>328</a>
+<a name='L329'></a><a href='#L329'>329</a>
+<a name='L330'></a><a href='#L330'>330</a>
+<a name='L331'></a><a href='#L331'>331</a>
+<a name='L332'></a><a href='#L332'>332</a>
+<a name='L333'></a><a href='#L333'>333</a>
+<a name='L334'></a><a href='#L334'>334</a>
+<a name='L335'></a><a href='#L335'>335</a>
+<a name='L336'></a><a href='#L336'>336</a>
+<a name='L337'></a><a href='#L337'>337</a>
+<a name='L338'></a><a href='#L338'>338</a>
+<a name='L339'></a><a href='#L339'>339</a>
+<a name='L340'></a><a href='#L340'>340</a>
+<a name='L341'></a><a href='#L341'>341</a>
+<a name='L342'></a><a href='#L342'>342</a>
+<a name='L343'></a><a href='#L343'>343</a>
+<a name='L344'></a><a href='#L344'>344</a>
+<a name='L345'></a><a href='#L345'>345</a>
+<a name='L346'></a><a href='#L346'>346</a>
+<a name='L347'></a><a href='#L347'>347</a>
+<a name='L348'></a><a href='#L348'>348</a>
+<a name='L349'></a><a href='#L349'>349</a>
+<a name='L350'></a><a href='#L350'>350</a>
+<a name='L351'></a><a href='#L351'>351</a>
+<a name='L352'></a><a href='#L352'>352</a>
+<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>
+<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>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -414,6 +527,18 @@
 <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>
@@ -423,6 +548,11 @@
 <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>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -430,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>
@@ -437,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>
@@ -460,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>
@@ -475,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>
@@ -525,6 +680,9 @@
 <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-no">&nbsp;</span>
@@ -539,6 +697,11 @@
 <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>
@@ -554,6 +717,14 @@
 <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-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>
@@ -564,11 +735,31 @@
 <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>
+<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>
@@ -578,6 +769,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>
@@ -590,12 +783,20 @@
 <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>
 <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>
@@ -616,6 +817,9 @@
 <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-neutral">&nbsp;</span>
@@ -646,6 +850,8 @@
 <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-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>
@@ -658,11 +864,10 @@
 <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>
 <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>
@@ -706,16 +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>
@@ -724,37 +947,83 @@ 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,
+  defaultNewObject: PropTypes.object,
   editableFields: PropTypes.object,
   fields: PropTypes.object,
   fieldComponents: PropTypes.object,
   formatter: PropTypes.object,
   hideCreateButton: PropTypes.bool,
-  label: PropTypes.string,
+  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,
+  defaultNewObject,
   editableFields,
   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,
   ...mclProps // Assume anything left over is to directly apply to the MCL
 }, ref) =&gt; {
   // Grab finalForm functions/values from form hooks
   const { change } = <span class="cstat-no" title="statement not covered" >useForm();</span>
-  const { initialValues, pristine, submitting, values } = <span class="cstat-no" title="statement not covered" >useFormState();</span>
-&nbsp;
+  const { hasValidationErrors, initialValues, pristine, submitting, values } = <span class="cstat-no" title="statement not covered" >useFormState();</span>
+  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
@@ -782,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;
@@ -797,14 +1064,12 @@ 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;
   const handleClickCreate = <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" >    toggleEditing('NEW_ROW');</span>
-<span class="cstat-no" title="statement not covered" >    fields.push({});</span>
+<span class="cstat-no" title="statement not covered" >    fields.unshift(defaultNewObject);</span>
   };
 &nbsp;
   // Way to go into create mode from external component, and way to tell internal editing state
@@ -840,22 +1105,30 @@ 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"
-            disabled={submitting || pristine}
+            disabled={hasValidationErrors || 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>
-              } else {
-<span class="cstat-no" title="statement not covered" >                handleSave(data.rowIndex);</span>
+<span class="cstat-no" title="statement not covered" >              triggerFormSubmit(); </span>// This is set up as () =&gt; null in ActionList, so essentially only acts here to force validation
+&nbsp;
+<span class="cstat-no" title="statement not covered" >              if (!hasValidationErrors) {</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" >                  handleCreate(data.rowIndex);</span>
+                } else {
+<span class="cstat-no" title="statement not covered" >                  handleSave(data.rowIndex);</span>
+                }
+<span class="cstat-no" title="statement not covered" >                toggleEditing(data.id);</span>
               }
-<span class="cstat-no" title="statement not covered" >              toggleEditing(data.id);</span>
             }}
+            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}]`}
@@ -871,53 +1144,91 @@ 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>
 <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" >toggleEditing(data.id);</span></span>
           }
 &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 ariaLabel = <span class="cstat-no" title="statement not covered" >`action-${action.name}[${data.rowIndex}]`;</span>
+<span class="cstat-no" title="statement not covered" >          if (action?.ariaLabel) {</span>
+<span class="cstat-no" title="statement not covered" >            if (typeof action.ariaLabel === 'function') {</span>
+<span class="cstat-no" title="statement not covered" >              ariaLabel = action.ariaLabel(data);</span>
+            } else <span class="cstat-no" title="statement not covered" >if (typeof action.ariaLabel === 'string') {</span>
+<span class="cstat-no" title="statement not covered" >              ariaLabel = action.ariaLabel;</span>
+            } else {
+<span class="cstat-no" title="statement not covered" >              throw new Error(`Provided ariaLabel for action "${action.name}" must be a function or a string.`);</span>
+            }
+          }
+&nbsp;
+          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}]`}
-                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;
@@ -928,7 +1239,7 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
 <span class="cstat-no" title="statement not covered" >    return (</span>
       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>
+        const cd = <span class="cstat-no" title="statement not covered" >cloneDeep(get(values, fieldName));</span>
 <span class="cstat-no" title="statement not covered" >        cd.actionListActions = actionAssigner(cd);</span>
 <span class="cstat-no" title="statement not covered" >        return { ...cd, fieldName, fieldIndex };</span>
       })
@@ -939,6 +1250,9 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
   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
+&nbsp;
+    // Track whether we've autoFocused on a field yet
+    let autoFocus = <span class="cstat-no" title="statement not covered" >true;</span>
 <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
@@ -965,27 +1279,28 @@ const ActionListFieldArray = <span class="cstat-no" title="statement not covered
           */
 <span class="cstat-no" title="statement not covered" >          if (</span>
               (!cd.id &amp;&amp; createFunction(cd)) ||
-              (editFunction(cd))
+              (!!cd.id &amp;&amp; editFunction(cd))
           ) {
+            const validateFunction = <span class="cstat-no" title="statement not covered" >validateFields?.[key] ? validateFields?.[key](cd) : null;</span>
+&nbsp;
 <span class="cstat-no" title="statement not covered" >            returnValue =</span>
               fieldComponents[key] ?
               fieldComponents[key]({
                 name: `${cd.fieldName}.${key}`
               }) :
               &lt;Field
-                autoFocus={cd.fieldIndex === 0}
+                autoFocus={autoFocus}
                 component={TextField}
                 marginBottom0
                 name={`${cd.fieldName}.${key}`}
                 parse={<span class="fstat-no" title="function not covered" >v </span>=&gt; <span class="cstat-no" title="statement not covered" >v}</span>
+                validate={validateFunction}
               /&gt;;
+            // After first field, every other field should not autofocus
+<span class="cstat-no" title="statement not covered" >            autoFocus = false;</span>
           }
         }
 &nbsp;
-<span class="cstat-no" title="statement not covered" >        if (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>
       };
     });
@@ -1002,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.actionList.create" /&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()}
@@ -1021,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;
@@ -1039,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 Thu Jun 16 2022 14:59:18 GMT+0100 (British Summer Time)
+                at 2022-09-16T13:23:25.290Z
             </div>
         <script src="../prettify.js"></script>
         <script>