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

package/src/artifacts/coverage-jest/lcov-report/CustomProperties/Config/CustomPropertiesSettings.js.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">11.11% </span>
+                <span class="strong">35.84% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>6/54</span>
+                <span class='fraction'>19/53</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">42.42% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/35</span>
+                <span class='fraction'>14/33</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">5.26% </span>
+                <span class="strong">11.76% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>1/19</span>
+                <span class='fraction'>2/17</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">11.11% </span>
+                <span class="strong">35.84% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>6/54</span>
+                <span class='fraction'>19/53</span>
             </div>
         
             
@@ -327,8 +327,102 @@
 <a name='L262'></a><a href='#L262'>262</a>
 <a name='L263'></a><a href='#L263'>263</a>
 <a name='L264'></a><a href='#L264'>264</a>
-<a name='L265'></a><a href='#L265'>265</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L265'></a><a href='#L265'>265</a>
+<a name='L266'></a><a href='#L266'>266</a>
+<a name='L267'></a><a href='#L267'>267</a>
+<a name='L268'></a><a href='#L268'>268</a>
+<a name='L269'></a><a href='#L269'>269</a>
+<a name='L270'></a><a href='#L270'>270</a>
+<a name='L271'></a><a href='#L271'>271</a>
+<a name='L272'></a><a href='#L272'>272</a>
+<a name='L273'></a><a href='#L273'>273</a>
+<a name='L274'></a><a href='#L274'>274</a>
+<a name='L275'></a><a href='#L275'>275</a>
+<a name='L276'></a><a href='#L276'>276</a>
+<a name='L277'></a><a href='#L277'>277</a>
+<a name='L278'></a><a href='#L278'>278</a>
+<a name='L279'></a><a href='#L279'>279</a>
+<a name='L280'></a><a href='#L280'>280</a>
+<a name='L281'></a><a href='#L281'>281</a>
+<a name='L282'></a><a href='#L282'>282</a>
+<a name='L283'></a><a href='#L283'>283</a>
+<a name='L284'></a><a href='#L284'>284</a>
+<a name='L285'></a><a href='#L285'>285</a>
+<a name='L286'></a><a href='#L286'>286</a>
+<a name='L287'></a><a href='#L287'>287</a>
+<a name='L288'></a><a href='#L288'>288</a>
+<a name='L289'></a><a href='#L289'>289</a>
+<a name='L290'></a><a href='#L290'>290</a>
+<a name='L291'></a><a href='#L291'>291</a>
+<a name='L292'></a><a href='#L292'>292</a>
+<a name='L293'></a><a href='#L293'>293</a>
+<a name='L294'></a><a href='#L294'>294</a>
+<a name='L295'></a><a href='#L295'>295</a>
+<a name='L296'></a><a href='#L296'>296</a>
+<a name='L297'></a><a href='#L297'>297</a>
+<a name='L298'></a><a href='#L298'>298</a>
+<a name='L299'></a><a href='#L299'>299</a>
+<a name='L300'></a><a href='#L300'>300</a>
+<a name='L301'></a><a href='#L301'>301</a>
+<a name='L302'></a><a href='#L302'>302</a>
+<a name='L303'></a><a href='#L303'>303</a>
+<a name='L304'></a><a href='#L304'>304</a>
+<a name='L305'></a><a href='#L305'>305</a>
+<a name='L306'></a><a href='#L306'>306</a>
+<a name='L307'></a><a href='#L307'>307</a>
+<a name='L308'></a><a href='#L308'>308</a>
+<a name='L309'></a><a href='#L309'>309</a>
+<a name='L310'></a><a href='#L310'>310</a>
+<a name='L311'></a><a href='#L311'>311</a>
+<a name='L312'></a><a href='#L312'>312</a>
+<a name='L313'></a><a href='#L313'>313</a>
+<a name='L314'></a><a href='#L314'>314</a>
+<a name='L315'></a><a href='#L315'>315</a>
+<a name='L316'></a><a href='#L316'>316</a>
+<a name='L317'></a><a href='#L317'>317</a>
+<a name='L318'></a><a href='#L318'>318</a>
+<a name='L319'></a><a href='#L319'>319</a>
+<a name='L320'></a><a href='#L320'>320</a>
+<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>
+<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></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>
@@ -358,44 +452,40 @@
 <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-yes">10x</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-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">5x</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-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-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-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-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -403,21 +493,27 @@
 <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-yes">5x</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-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-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>
@@ -428,7 +524,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-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>
@@ -437,7 +535,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-yes">5x</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-yes">5x</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>
@@ -446,7 +565,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-no">&nbsp;</span>
+<span class="cline-any cline-yes">5x</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>
@@ -468,6 +587,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-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>
@@ -478,6 +609,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>
@@ -488,6 +620,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-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -501,6 +641,13 @@
 <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-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -533,7 +680,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-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-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>
@@ -559,6 +717,35 @@
 <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-yes">100x</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-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>
@@ -591,23 +778,25 @@
 <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></td><td class="text"><pre class="prettyprint lang-js">import { useState } from 'react';
+<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></td><td class="text"><pre class="prettyprint lang-js">import { useState, useContext } from 'react';
 import PropTypes from 'prop-types';
 &nbsp;
 import compose from 'compose-function';
 &nbsp;
-import { FormattedMessage, useIntl } from 'react-intl';
-&nbsp;
 import { useQueryClient } from 'react-query';
 &nbsp;
 import { Button, ConfirmationModal, Icon, Pane } from '@folio/stripes/components';
-&nbsp;
+import { CalloutContext } from '@folio/stripes/core';
 import FormModal from '../../FormModal/FormModal';
 &nbsp;
 import CustomPropertiesLookup from './CustomPropertiesLookup';
 import CustomPropertyView from './CustomPropertyView';
 import CustomPropertiesForm from './CustomPropertyForm';
-import { useMutateCustomProperties, useRefdata } from '../../hooks';
+import { useKintIntl, useMutateCustomProperties, useRefdata } from '../../hooks';
+import { parseErrorResponse } from '../../utils';
 &nbsp;
 const EDITING = 'edit';
 const CREATING = 'create';
@@ -616,27 +805,32 @@ const VIEWING = 'view';
 // A default option for setting up panes manually
 const CustomPropertiesSettings = ({
   afterQueryCalls,
+  catchQueryCalls,
   contextFilterOptions,
   customPropertiesEndpoint,
   helpPopovers,
-  labelOverrides,
+  intlKey: passedIntlKey,
+  intlNS: passedIntlNS,
+  labelOverrides = {},
   refdataEndpoint,
 }) =&gt; {
+  const callout = useContext(CalloutContext);
   const queryClient = useQueryClient();
 &nbsp;
-  const intl = <span class="cstat-no" title="statement not covered" >useIntl();</span>
-  const [customProperty, setCustomProperty] = <span class="cstat-no" title="statement not covered" >useState();</span>
-  const [deleteModal, setDeleteModal] = <span class="cstat-no" title="statement not covered" >useState(false);</span>
+  const [customProperty, setCustomProperty] = useState();
+  const [deleteModal, setDeleteModal] = useState(false);
 &nbsp;
-  const refdata = <span class="cstat-no" title="statement not covered" >useRefdata({</span>
+  const refdata = useRefdata({
     endpoint: refdataEndpoint,
   });
 &nbsp;
-  const [mode, setMode] = <span class="cstat-no" title="statement not covered" >useState(VIEWING);</span>
+  const [mode, setMode] = useState(VIEWING);
+&nbsp;
+  const kintIntl = useKintIntl(passedIntlKey, passedIntlNS);
 &nbsp;
   // Default props that need hooks are hard
-  let renderContextFilterOptions = <span class="cstat-no" title="statement not covered" >contextFilterOptions;</span>
-<span class="cstat-no" title="statement not covered" >  if (!contextFilterOptions) {</span>
+  let renderContextFilterOptions = contextFilterOptions;
+  <span class="missing-if-branch" title="if path not taken" >I</span>if (!contextFilterOptions) {
     /*
       Default is {value: '', label: 'All'}, empty string will map to ALL contexts
       If null context is needed, use
@@ -645,54 +839,74 @@ const CustomPropertiesSettings = ({
 <span class="cstat-no" title="statement not covered" >    renderContextFilterOptions = [</span>
       {
         value: '', // empty string is all custoprop contexts
-        label: intl.formatMessage({ id: 'stripes-kint-components.customProperties.all' })
+        label: kintIntl.formatKintMessage(
+          {
+            id: 'customProperties.config.all',
+            overrideValue: labelOverrides?.all,
+          },
+        )
       }
     ];
   }
-&nbsp;
-  let renderViewPaneTitle = <span class="cstat-no" title="statement not covered" >labelOverrides?.viewPaneTitle;</span>
-<span class="cstat-no" title="statement not covered" >  if (renderViewPaneTitle instanceof Function) {</span>
-<span class="cstat-no" title="statement not covered" >    renderViewPaneTitle = renderViewPaneTitle(customProperty);</span>
-  }
-&nbsp;
-  // Defaulting is hard
-  const afterQueryCallsSafe = <span class="cstat-no" title="statement not covered" >{</span>
-    put: <span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >null,</span>
-    post: <span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >null,</span>
-    delete: <span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >null,</span>
-    ...afterQueryCalls
-  };
 &nbsp;
   const {
     post: createCustprop,
     put: editCustProp,
     delete: deleteCustProp
-  } = <span class="cstat-no" title="statement not covered" >useMutateCustomProperties({</span>
+  } = useMutateCustomProperties({
     afterQueryCalls: {
       put: <span class="fstat-no" title="function not covered" >re</span>s =&gt; {
 <span class="cstat-no" title="statement not covered" >        setMode(VIEWING);</span>
 <span class="cstat-no" title="statement not covered" >        queryClient.invalidateQueries(['stripes-kint-components', 'useCustomProperties', 'custprops']);</span>
 <span class="cstat-no" title="statement not covered" >        setCustomProperty(res);</span>
-<span class="cstat-no" title="statement not covered" >        afterQueryCallsSafe.put(res);</span>
+<span class="cstat-no" title="statement not covered" >        if (afterQueryCalls?.put) {</span>
+<span class="cstat-no" title="statement not covered" >          afterQueryCalls.put(res);</span>
+        }
       },
       post: <span class="fstat-no" title="function not covered" >re</span>s =&gt; {
 <span class="cstat-no" title="statement not covered" >        setMode(VIEWING);</span>
 <span class="cstat-no" title="statement not covered" >        queryClient.invalidateQueries(['stripes-kint-components', 'useCustomProperties', 'custprops']);</span>
 <span class="cstat-no" title="statement not covered" >        setCustomProperty(res);</span>
-<span class="cstat-no" title="statement not covered" >        afterQueryCallsSafe.post(res);</span>
+<span class="cstat-no" title="statement not covered" >        if (afterQueryCalls?.post) {</span>
+<span class="cstat-no" title="statement not covered" >          afterQueryCalls.post(res);</span>
+        }
       },
       delete: <span class="fstat-no" title="function not covered" >re</span>s =&gt; {
 <span class="cstat-no" title="statement not covered" >        setMode(VIEWING);</span>
 <span class="cstat-no" title="statement not covered" >        queryClient.invalidateQueries(['stripes-kint-components', 'useCustomProperties', 'custprops']);</span>
 <span class="cstat-no" title="statement not covered" >        setCustomProperty();</span>
-<span class="cstat-no" title="statement not covered" >        afterQueryCallsSafe.delete(res);</span>
+<span class="cstat-no" title="statement not covered" >        if (afterQueryCalls?.delete) {</span>
+<span class="cstat-no" title="statement not covered" >          afterQueryCalls.delete(res);</span>
+        }
       }
     },
+    catchQueryCalls: {
+      // Default delete behaviour is to fire a callout, either with kint-components default message
+      // or one provided in labelOverrides, which is passed the error message and customProperty in question
+      delete: <span class="fstat-no" title="function not covered" >as</span>ync (err) =&gt; {
+        const errorResp = <span class="cstat-no" title="statement not covered" >await parseErrorResponse(err.response);</span>
+&nbsp;
+<span class="cstat-no" title="statement not covered" >        callout.sendCallout({</span>
+          message: kintIntl.formatKintMessage(
+            {
+              id: 'customProperties.config.delete.errorMessage',
+              overrideValue: labelOverrides?.deleteError
+            },
+            {
+              error: errorResp?.message,
+              label: customProperty?.label
+            }
+          ),
+          type: 'error',
+        });
+      },
+      ...catchQueryCalls // Override defaults here
+    },
     endpoint: customPropertiesEndpoint,
     id: customProperty?.id
   });
 &nbsp;
-  const handeContextSubmit = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(s</span>ubmitData) =&gt; {</span>
+  const handeContextSubmit = <span class="fstat-no" title="function not covered" >(s</span>ubmitData) =&gt; {
 <span class="cstat-no" title="statement not covered" >    return {</span>
       ...submitData,
       ctx: submitData?.ctx?.[0]?.value
@@ -701,7 +915,7 @@ const CustomPropertiesSettings = ({
 &nbsp;
   // When POSTing a custom property, the backend expects a shorthand "Integer" or "LocalDate"
   // When PUTing a custom property, the backend needs the full class name
-  const handleType = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(s</span>ubmitData) =&gt; {</span>
+  const handleType = <span class="fstat-no" title="function not covered" >(s</span>ubmitData) =&gt; {
     const typeRegex = <span class="cstat-no" title="statement not covered" >/(com\.k_int\.web\.toolkit\.custprops\.types\.CustomProperty)(.*)/g;</span>
     const typeMatch = <span class="cstat-no" title="statement not covered" >typeRegex.exec(submitData?.type) ?? [];</span>
 <span class="cstat-no" title="statement not covered" >    return {</span>
@@ -710,7 +924,7 @@ const CustomPropertiesSettings = ({
     };
   };
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return (</span>
+  return (
     &lt;&gt;
       &lt;Pane
         defaultWidth="fill"
@@ -721,34 +935,55 @@ const CustomPropertiesSettings = ({
             marginBottom0
             onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setMode(CREATING)}</span> // TODO do we need to clear form here too?
           &gt;
-            &lt;FormattedMessage id="stripes-kint-components.new" /&gt;
+            {
+              kintIntl.formatKintMessage(
+                {
+                  id: 'new',
+                  overrideValue: labelOverrides?.new,
+                }
+              )
+            }
           &lt;/Button&gt;
         }
-        paneTitle={labelOverrides.paneTitle ??
-          &lt;FormattedMessage id="stripes-kint-components.customProperties" /&gt; // This should be configurable?
+        paneTitle={
+          kintIntl.formatKintMessage({
+            id: 'customProperties',
+            overrideValue: labelOverrides.paneTitle
+          })
         }
       &gt;
         &lt;CustomPropertiesLookup
           contextFilterOptions={renderContextFilterOptions}
           customPropertiesEndpoint={customPropertiesEndpoint}
+          intlKey={passedIntlKey}
+          intlNS={passedIntlNS}
           labelOverrides={labelOverrides}
           onSelectCustomProperty={<span class="fstat-no" title="function not covered" >(_</span>e, cp) =&gt; <span class="cstat-no" title="statement not covered" >setCustomProperty(cp)}</span>
         /&gt;
       &lt;/Pane&gt;
       {customProperty &amp;&amp;
-        &lt;Pane
+<span class="branch-1 cbranch-no" title="branch not covered" >        &lt;Pane</span>
           actionMenu={<span class="fstat-no" title="function not covered" >({</span> onToggle }) =&gt; (
 <span class="cstat-no" title="statement not covered" >            [</span>
               &lt;Button
+                key={`${customProperty.name}-action-edit`}
                 buttonStyle="dropdownItem"
                 marginBottom0
                 onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setMode(EDITING)}</span>
               &gt;
                 &lt;Icon icon="edit"&gt;
-                  &lt;FormattedMessage id="stripes-kint-components.edit" /&gt;
+                  {
+                    kintIntl.formatKintMessage(
+                      {
+                        id: 'edit',
+                        overrideValue: labelOverrides?.edit,
+                      }
+                    )
+                  }
                 &lt;/Icon&gt;
               &lt;/Button&gt;,
               &lt;Button
+                key={`${customProperty.name}-action-delete`}
                 buttonStyle="dropdownItem"
                 marginBottom0
                 onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
@@ -757,7 +992,14 @@ const CustomPropertiesSettings = ({
                 }}
               &gt;
                 &lt;Icon icon="trash"&gt;
-                  &lt;FormattedMessage id="stripes-kint-components.delete" /&gt;
+                  {
+                    kintIntl.formatKintMessage(
+                      {
+                        id: 'delete',
+                        overrideValue: labelOverrides?.delete,
+                      }
+                    )
+                  }
                 &lt;/Icon&gt;
               &lt;/Button&gt;
             ]
@@ -767,19 +1009,30 @@ const CustomPropertiesSettings = ({
           id="settings-customProperties-viewPane"
           onClose={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setCustomProperty()}</span>
           paneTitle={
-            renderViewPaneTitle ?? customProperty?.label ?? customProperty?.name
+            kintIntl.formatKintMessage(
+              {
+                id: 'customProperties.config.viewPaneTitle',
+                overrideValue: labelOverrides?.viewPaneTitle,
+                fallbackMessage: customProperty?.label ?? customProperty?.name,
+              },
+              {
+                name: customProperty?.label ?? customProperty?.name,
+              }
+            )
           }
         &gt;
           &lt;CustomPropertyView
             customProperty={customProperty}
             helpPopovers={helpPopovers}
+            intlKey={passedIntlKey}
+            intlNS={passedIntlNS}
             labelOverrides={labelOverrides}
           /&gt;
         &lt;/Pane&gt;
       }
       &lt;FormModal
         initialValues={mode === CREATING ?
-          {
+<span class="branch-0 cbranch-no" title="branch not covered" >          {</span>
             weight: 0,
             primary: true,
             retired: false,
@@ -787,49 +1040,78 @@ const CustomPropertiesSettings = ({
           } :
           {
             ...customProperty,
-            ctx: customProperty?.ctx ? [{ value: customProperty.ctx, label: customProperty.ctx }] : null,
-            category: customProperty?.category ? customProperty?.category?.id : null
+            ctx: customProperty?.ctx ? <span class="branch-0 cbranch-no" title="branch not covered" >[{ value: customProperty.ctx, label: customProperty.ctx }] </span>: null,
+            category: customProperty?.category ? <span class="branch-0 cbranch-no" title="branch not covered" >customProperty?.category?.id </span>: null
           }
         }
         modalProps={{
           dismissible: true,
           label: mode === CREATING ?
-            labelOverrides?.modalTitleNew ?? &lt;FormattedMessage id="stripes-kint-components.customProperty.newModal" /&gt;
-            :
-            labelOverrides?.modalTitleEdit ?? &lt;FormattedMessage id="stripes-kint-components.customProperty.editModal" /&gt;,
+<span class="branch-0 cbranch-no" title="branch not covered" >            kintIntl.formatKintMessage(</span>
+              {
+                id: 'customProperties.config.newModal',
+                overrideValue: labelOverrides?.newModalTitle
+              }
+            ) :
+            kintIntl.formatKintMessage(
+              {
+                id: 'customProperties.config.editModal',
+                overrideValue: labelOverrides?.editModalTitle
+              },
+              {
+                name: customProperty?.label ?? customProperty?.name,
+              }
+            ),
           onClose: <span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setMode(VIEWING),</span>
           open: (mode === CREATING || mode === EDITING)
         }}
         onSubmit={mode === CREATING ?
-          compose(createCustprop, handeContextSubmit, handleType) :
+<span class="branch-0 cbranch-no" title="branch not covered" >          compose(createCustprop, handeContextSubmit, handleType) </span>:
           compose(editCustProp, handeContextSubmit)
         }
       &gt;
         &lt;CustomPropertiesForm
           contextFilterOptions={renderContextFilterOptions}
           helpPopovers={helpPopovers}
+          intlKey={passedIntlKey}
+          intlNS={passedIntlNS}
           labelOverrides={labelOverrides}
-          refdata={refdata.map(<span class="fstat-no" title="function not covered" >rd</span>c =&gt; (<span class="cstat-no" title="statement not covered" >{ label: rdc.desc, value: rdc.id })</span>)}
+          refdata={refdata.map(rdc =&gt; ({ label: rdc.desc, value: rdc.id }))}
         /&gt;
       &lt;/FormModal&gt;
       &lt;ConfirmationModal
         buttonStyle="danger"
         confirmLabel={
-          labelOverrides?.confirmLabel ??
-          &lt;FormattedMessage id="stripes-kint-components.customProperties.delete.confirmLabel" /&gt;
+          kintIntl.formatKintMessage(
+            {
+              id: 'delete',
+              overrideValue: labelOverrides?.delete,
+            }
+          )
         }
         heading={
-          labelOverrides?.confirmHeading ??
-          &lt;FormattedMessage id="stripes-kint-components.customProperties.delete.confirmHeading" /&gt;
+          kintIntl.formatKintMessage(
+            {
+              id: 'customProperties.config.delete.confirmHeading',
+              overrideValue: labelOverrides?.confirmHeading
+            }
+          )
         }
-        id="delete-job-confirmation"
+        id="delete-custprop-confirmation"
         message={
-          labelOverrides?.confirmMessage ??
-          &lt;FormattedMessage id="stripes-kint-components.customProperties.delete.confirmMessage" values={{ name: customProperty?.name }} /&gt;
+          kintIntl.formatKintMessage(
+            {
+              id: 'customProperties.config.delete.confirmMessage',
+              overrideValue: labelOverrides?.confirmMessage
+            },
+            {
+              name: customProperty?.label ?? customProperty?.name,
+            }
+          )
         }
         onCancel={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setDeleteModal(false)}</span>
         onConfirm={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >          deleteCustProp();</span>
+<span class="cstat-no" title="statement not covered" >          deleteCustProp(customProperty?.id);</span>
 <span class="cstat-no" title="statement not covered" >          setCustomProperty();</span>
 <span class="cstat-no" title="statement not covered" >          setDeleteModal(false);</span>
         }}
@@ -841,6 +1123,7 @@ const CustomPropertiesSettings = ({
 &nbsp;
 CustomPropertiesSettings.propTypes = {
   afterQueryCalls: PropTypes.object,
+  catchQueryCalls: PropTypes.object,
   contextFilterOptions: PropTypes.arrayOf(PropTypes.shape({
     value: PropTypes.string,
     label: PropTypes.oneOfType([
@@ -850,6 +1133,8 @@ CustomPropertiesSettings.propTypes = {
   })),
   customPropertiesEndpoint: PropTypes.string,
   helpPopovers: PropTypes.object,
+  intlKey: PropTypes.string,
+  intlNS: PropTypes.string,
   labelOverrides: PropTypes.object,
   refdataEndpoint: PropTypes.string,
 };
@@ -862,7 +1147,7 @@ export default CustomPropertiesSettings;
             <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>