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

package/src/artifacts/coverage-jest/lcov-report/CustomProperties/Edit/CustomPropertyField.js.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">42.02% </span>
+                <span class="strong">54.65% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>29/69</span>
+                <span class='fraction'>47/86</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">36.58% </span>
+                <span class="strong">48.33% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>15/41</span>
+                <span class='fraction'>29/60</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">35% </span>
+                <span class="strong">50% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>7/20</span>
+                <span class='fraction'>11/22</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">44.61% </span>
+                <span class="strong">57.31% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>29/65</span>
+                <span class='fraction'>47/82</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line low'></div>
+    <div class='status-line medium'></div>
     <pre><table class="coverage">
 <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
 <a name='L2'></a><a href='#L2'>2</a>
@@ -390,7 +390,110 @@
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<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></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>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -422,13 +525,67 @@
 <span class="cline-any cline-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">7x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">12x</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-yes">7x</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-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-yes">12x</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-yes">12x</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-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">12x</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-yes">12x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">14x</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-yes">14x</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>
@@ -456,6 +613,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>
@@ -483,13 +642,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-yes">7x</span>
-<span class="cline-any cline-yes">7x</span>
-<span class="cline-any cline-yes">7x</span>
-<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">14x</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>
@@ -502,7 +661,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-yes">7x</span>
+<span class="cline-any cline-yes">14x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">7x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -511,15 +670,15 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">7x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">3x</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">15x</span>
 <span class="cline-any cline-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-yes">3x</span>
+<span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -528,21 +687,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-no">&nbsp;</span>
+<span class="cline-any cline-yes">3x</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">2x</span>
 <span class="cline-any cline-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">2x</span>
 <span class="cline-any cline-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>
@@ -551,27 +709,39 @@
 <span class="cline-any cline-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-yes">2x</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-yes">2x</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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-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-yes">2x</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-yes">7x</span>
+<span class="cline-any cline-yes">14x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -582,17 +752,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-yes">7x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">12x</span>
 <span class="cline-any cline-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">7x</span>
-<span class="cline-any cline-yes">7x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">14x</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>
@@ -602,7 +773,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-yes">7x</span>
+<span class="cline-any cline-yes">14x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -620,10 +791,24 @@
 <span class="cline-any cline-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">7x</span>
-<span class="cline-any cline-yes">7x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-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">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">14x</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>
@@ -633,7 +818,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-yes">7x</span>
+<span class="cline-any cline-yes">14x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -646,10 +831,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-yes">7x</span>
-<span class="cline-any cline-yes">7x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">14x</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>
@@ -659,7 +847,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-yes">7x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-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>
@@ -673,7 +862,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-yes">7x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-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>
@@ -717,11 +911,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></td><td class="text"><pre class="prettyprint lang-js">import PropTypes from 'prop-types';
 &nbsp;
-import { FormattedMessage, useIntl } from 'react-intl';
-&nbsp;
-import { Field, useFormState } from 'react-final-form';
+import { Field } from 'react-final-form';
 &nbsp;
 import {
   Col,
@@ -735,7 +929,14 @@ import {
 &nbsp;
 import * as CUSTOM_PROPERTY_TYPES from '../../constants/customProperties';
 &nbsp;
-import { customPropertyValidator } from '../../utils/validators';
+import { useKintIntl } from '../../hooks';
+&nbsp;
+import {
+  composeValidatorsWithArgs,
+  invalidNumber,
+  rangeOverflow,
+  rangeUnderflow
+} from '../../utils';
 &nbsp;
 const CustomPropertyField = ({
   availableCustomProperties,
@@ -743,13 +944,67 @@ const CustomPropertyField = ({
   customPropertyType,
   customProperties,
   index,
-  labelOverrides,
+  intlKey: passedIntlKey,
+  intlNS: passedIntlNS,
+  labelOverrides = {},
   name,
   onChange,
   value,
   setCustomProperties
 }) =&gt; {
-  const intl = useIntl();
+  const kintIntl = useKintIntl(passedIntlKey, passedIntlNS);
+&nbsp;
+  // Set up the validator for the customProperty
+  const customPropertyValidator = (fieldValue, allValues) =&gt; {
+    const { note, publicNote, value: currentValue } = allValues?.customProperties?.[customProperty?.value]?.[0] ?? {};
+&nbsp;
+    <span class="missing-if-branch" title="if path not taken" >I</span>if ((note &amp;&amp; !currentValue) || (publicNote &amp;&amp; !currentValue)) {
+<span class="cstat-no" title="statement not covered" >      if (</span>
+        customProperty.type === CUSTOM_PROPERTY_TYPES.DECIMAL_CLASS_NAME ||
+        customProperty.type === CUSTOM_PROPERTY_TYPES.INTEGER_CLASS_NAME
+      ) {
+<span class="cstat-no" title="statement not covered" >        return (</span>
+          kintIntl.formatKintMessage({
+            id: 'customProperties.errors.customPropertyNoteInvalidNumber',
+            overrideValue: labelOverrides.customPropertyNoteInvalidNumberError
+          })
+        );
+      } else {
+<span class="cstat-no" title="statement not covered" >        return (</span>
+          kintIntl.formatKintMessage({
+            id: 'customProperties.errors.customPropertyNoteWithoutValue',
+            overrideValue: labelOverrides.customPropertyNoteWithoutValueError
+          })
+        );
+      }
+    }
+&nbsp;
+    <span class="missing-if-branch" title="if path not taken" >I</span>if (customProperty.type === CUSTOM_PROPERTY_TYPES.DECIMAL_CLASS_NAME) {
+      const regexp = <span class="cstat-no" title="statement not covered" >/^-?[\d]*(\.[\d]{0,2})?$/;</span>
+<span class="cstat-no" title="statement not covered" >      return (fieldValue &amp;&amp; !regexp.test(fieldValue)) ?</span>
+        kintIntl.formatKintMessage({
+          id: 'errors.maxTwoDecimals',
+          overrideValue: labelOverrides.maxTwoDecimalsError
+        }) : undefined;
+    }
+&nbsp;
+    <span class="missing-if-branch" title="if path not taken" >I</span>if (customProperty.type === CUSTOM_PROPERTY_TYPES.INTEGER_CLASS_NAME) {
+      const min = <span class="cstat-no" title="statement not covered" >Number.MIN_SAFE_INTEGER;</span>
+      const max = <span class="cstat-no" title="statement not covered" >Number.MAX_SAFE_INTEGER;</span>
+&nbsp;
+<span class="cstat-no" title="statement not covered" >      return (fieldValue &amp;&amp; !Number.isInteger(+fieldValue)) ?</span>
+        kintIntl.formatKintMessage({
+          id: 'errors.valueNotInRange',
+          overrideValue: labelOverrides.valueNotInRangeError
+        }, { min, max }) : undefined;
+    }
+&nbsp;
+    <span class="missing-if-branch" title="if path not taken" >I</span>if (!customProperty.primary &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >!currentValue)</span> {
+<span class="cstat-no" title="statement not covered" >      return kintIntl.formatMessage({ id: 'stripes-core.label.missingRequiredField' });</span>
+    }
+&nbsp;
+    return undefined;
+  };
 &nbsp;
   const getCustomProperty = <span class="fstat-no" title="function not covered" >(c</span>ustomPropertyValue) =&gt; {
 <span class="cstat-no" title="statement not covered" >    return availableCustomProperties.find(<span class="fstat-no" title="function not covered" >cp</span> =&gt; <span class="cstat-no" title="statement not covered" >cp.value === customPropertyValue)</span>;</span>
@@ -779,8 +1034,10 @@ const CustomPropertyField = ({
         dataOptions={[customProperty, ...unsetCustomProperties]} // The selected customProperty, and the available unset customProperties
         id={`edit-customproperty-${index}-name`}
         label={
-          labelOverrides.name ??
-          &lt;FormattedMessage id="stripes-kint-components.customProperty.name" /&gt;
+          kintIntl.formatKintMessage({
+            id: 'customProperties.name',
+            overrideValue: labelOverrides.name
+          })
         }
         onChange={<span class="fstat-no" title="function not covered" >e </span>=&gt; {
           const newValue = <span class="cstat-no" title="statement not covered" >e.target.value;</span>
@@ -811,7 +1068,7 @@ const CustomPropertyField = ({
   };
 &nbsp;
   const renderCustomPropertyValue = () =&gt; {
-    const currentValue = value[customProperty.value] ? value[customProperty.value][0] : <span class="branch-1 cbranch-no" title="branch not covered" >{};</span>
+    const currentValue = value[customProperty.value] ? value[customProperty.value][0] : {};
     const min = Number.MIN_SAFE_INTEGER;
     const max = Number.MAX_SAFE_INTEGER;
 &nbsp;
@@ -837,38 +1094,49 @@ const CustomPropertyField = ({
           format: (v) =&gt; v?.value,
         };
         break;
-<span class="branch-1 cbranch-no" title="branch not covered" >      case CUSTOM_PROPERTY_TYPES.MULTI_REFDATA_CLASS_NAME:</span>
-<span class="cstat-no" title="statement not covered" >        fieldProps = {</span>
+      case CUSTOM_PROPERTY_TYPES.MULTI_REFDATA_CLASS_NAME:
+        fieldProps = {
           component: MultiSelection,
           // The "not set" value is not relevant for a multi select
-          dataOptions: customProperty.options?.filter(<span class="fstat-no" title="function not covered" >op</span>t =&gt; <span class="cstat-no" title="statement not covered" >!!opt?.value)</span>,
+          dataOptions: customProperty.options?.filter(opt =&gt; !!opt?.value),
           renderToOverlay: true
         };
         // MultiSelection passes the changed array as a value not an event
-<span class="cstat-no" title="statement not covered" >        handleChange = <span class="fstat-no" title="function not covered" >re</span>fdataArray =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >          onChange({</span>
+        handleChange = refdataArray =&gt; {
+          onChange({
             ...value,
             [customProperty.value]: [{
               ...currentValue,
-              _delete: refdataArray?.length === 0 ? true : undefined, // Delete customProperty if removing all values.
+              _delete: refdataArray?.length === 0 ? <span class="branch-0 cbranch-no" title="branch not covered" >true </span>: undefined, // Delete customProperty if removing all values.
               value: refdataArray
             }]
           });
         };
-<span class="cstat-no" title="statement not covered" >        break;</span>
-<span class="branch-2 cbranch-no" title="branch not covered" >      case CUSTOM_PROPERTY_TYPES.INTEGER_CLASS_NAME:</span>
-<span class="branch-3 cbranch-no" title="branch not covered" >      case CUSTOM_PROPERTY_TYPES.DECIMAL_CLASS_NAME:</span>
-<span class="cstat-no" title="statement not covered" >        fieldProps = {</span>
-          badInput: intl.formatMessage({ id: 'stripes-kint-components.errors.customPropertyInvalidNumber' }),
+        break;
+      case CUSTOM_PROPERTY_TYPES.INTEGER_CLASS_NAME:
+      case CUSTOM_PROPERTY_TYPES.DECIMAL_CLASS_NAME:
+        fieldProps = {
           component: TextField,
           max,
           min,
-          rangeOverflow: intl.formatMessage({ id: 'stripes-kint-components.errors.customPropertyDecimalValueNotInRange' }, { min, max }),
-          rangeUnderflow: intl.formatMessage({ id: 'stripes-kint-components.errors.customPropertyDecimalValueNotInRange' }, { min, max }),
           step: 'any',
           type: 'number',
+          validate: (validateValue) =&gt; {
+              return composeValidatorsWithArgs(
+                invalidNumber,
+                rangeOverflow,
+                rangeUnderflow
+              )(
+                validateValue,
+                min,
+                max,
+                passedIntlKey,
+                passedIntlNS,
+                labelOverrides
+              );
+          }
         };
-<span class="cstat-no" title="statement not covered" >        handleChange = <span class="fstat-no" title="function not covered" >e </span>=&gt; {</span>
+        handleChange = <span class="fstat-no" title="function not covered" >e </span>=&gt; {
 <span class="cstat-no" title="statement not covered" >          onChange({</span>
             ...value,
             [customProperty.value]: [{
@@ -878,21 +1146,21 @@ const CustomPropertyField = ({
             }],
           });
         };
-<span class="cstat-no" title="statement not covered" >        break;</span>
+        break;
 <span class="branch-4 cbranch-no" title="branch not covered" >      case CUSTOM_PROPERTY_TYPES.TEXT_CLASS_NAME:</span>
 <span class="cstat-no" title="statement not covered" >        fieldProps = {</span>
           component: TextArea,
           parse: <span class="fstat-no" title="function not covered" >v </span>=&gt; <span class="cstat-no" title="statement not covered" >v </span> // Lets us send an empty string instead of `undefined`
         };
 <span class="cstat-no" title="statement not covered" >        break;</span>
-<span class="branch-5 cbranch-no" title="branch not covered" >      case CUSTOM_PROPERTY_TYPES.DATE_CLASS_NAME:</span>
-<span class="cstat-no" title="statement not covered" >          fieldProps = {</span>
+      case CUSTOM_PROPERTY_TYPES.DATE_CLASS_NAME:
+          fieldProps = {
             component: Datepicker,
             backendDateStandard: 'YYYY-MM-DD',
             timeZone: 'UTC',
             usePortal: true
           };
-<span class="cstat-no" title="statement not covered" >          break;</span>
+          break;
 <span class="branch-6 cbranch-no" title="branch not covered" >      default:</span>
 <span class="cstat-no" title="statement not covered" >        fieldProps = { component: TextField };</span>
 <span class="cstat-no" title="statement not covered" >        break;</span>
@@ -903,21 +1171,22 @@ const CustomPropertyField = ({
         data-test-customproperty-value
         id={`edit-customproperty-${index}-value`}
         label={
-          labelOverrides.value ??
-          &lt;FormattedMessage id="stripes-kint-components.customProperty.value" /&gt;
+          kintIntl.formatKintMessage({
+            id: 'customProperties.value',
+            overrideValue: labelOverrides.value
+          })
         }
         name={`${name}.${customProperty.value}[0].value`}
         onChange={handleChange}
         required={!customProperty.primary}
-        validate={(fieldValue, allValues) =&gt; customPropertyValidator(fieldValue, allValues, customProperty)}
-        valueMissing={intl.formatMessage({ id: 'stripes-core.label.missingRequiredField' })}
+        validate={(fieldValue, allValues) =&gt; customPropertyValidator(fieldValue, allValues)}
         {...fieldProps}
       /&gt;
     );
   };
 &nbsp;
   const renderCustomPropertyVisibility = () =&gt; {
-    const customPropertyObject = value[customProperty.value]?.[0] ?? <span class="branch-1 cbranch-no" title="branch not covered" >{};</span>
+    const customPropertyObject = value[customProperty.value]?.[0] ?? {};
 &nbsp;
     const handleChange = <span class="fstat-no" title="function not covered" >e </span>=&gt; {
 <span class="cstat-no" title="statement not covered" >      onChange({</span>
@@ -933,22 +1202,36 @@ const CustomPropertyField = ({
       &lt;Select
         data-test-customproperty-visibility
         dataOptions={[
-          { value: true, label: intl.formatMessage({ id: 'stripes-kint-components.customProperty.internalTrue' }) },
-          { value: false, label: intl.formatMessage({ id: 'stripes-kint-components.customProperty.internalFalse' }) }
+          {
+            value: true,
+            label: kintIntl.formatKintMessage({
+              id: 'customProperties.internalTrue',
+              overrideValue: labelOverrides.internalTrue
+            })
+          },
+          {
+            value: false,
+            label: kintIntl.formatKintMessage({
+              id: 'customProperties.internalFalse',
+              overrideValue: labelOverrides.internalFalse
+            })
+          }
         ]}
         id={`edit-customproperty-${index}-visibility`}
         label={
-          labelOverrides.visibility ??
-          &lt;FormattedMessage id="stripes-kint-components.customProperty.visibility" /&gt;
+          kintIntl.formatKintMessage({
+            id: 'customProperties.visibility',
+            overrideValue: labelOverrides.visibility
+          })
         }
         onChange={handleChange}
-        value={customPropertyObject?.internal ?? <span class="branch-1 cbranch-no" title="branch not covered" >customProperty.defaultInternal}</span>
+        value={customPropertyObject?.internal ?? customProperty.defaultInternal}
       /&gt;
     );
   };
 &nbsp;
   const renderCustomPropertyNoteInternal = () =&gt; {
-    const customPropertyObject = value[customProperty.value]?.[0] ?? <span class="branch-1 cbranch-no" title="branch not covered" >{};</span>
+    const customPropertyObject = value[customProperty.value]?.[0] ?? {};
 &nbsp;
     const handleChange = <span class="fstat-no" title="function not covered" >e </span>=&gt; {
 <span class="cstat-no" title="statement not covered" >      onChange({</span>
@@ -965,8 +1248,11 @@ const CustomPropertyField = ({
         data-test-customproperty-note
         id={`edit-customproperty-${index}-internal-note`}
         label={
-          labelOverrides.internalNote ??
-          &lt;FormattedMessage id="stripes-kint-components.customProperty.internalNote" /&gt;}
+          kintIntl.formatKintMessage({
+            id: 'customProperties.internalNote',
+            overrideValue: labelOverrides.internalNote
+          })
+        }
         onChange={handleChange}
         value={customPropertyObject?.note}
       /&gt;
@@ -974,7 +1260,7 @@ const CustomPropertyField = ({
   };
 &nbsp;
   const renderCustomPropertyNotePublic = () =&gt; {
-    const customPropertyObject = value[customProperty.value]?.[0] ?? <span class="branch-1 cbranch-no" title="branch not covered" >{};</span>
+    const customPropertyObject = value[customProperty.value]?.[0] ?? {};
 &nbsp;
     const handleChange = <span class="fstat-no" title="function not covered" >e </span>=&gt; {
 <span class="cstat-no" title="statement not covered" >      onChange({</span>
@@ -991,8 +1277,10 @@ const CustomPropertyField = ({
         data-test-customproperty-public-note
         id={`edit-customproperty-${index}-public-note`}
         label={
-          labelOverrides.publicNote ??
-          &lt;FormattedMessage id="stripes-kint-components.customProperty.publicNote" /&gt;
+          kintIntl.formatKintMessage({
+            id: 'customProperties.publicNote',
+            overrideValue: labelOverrides.publicNote
+          })
         }
         onChange={handleChange}
         value={customPropertyObject?.publicNote}
@@ -1002,7 +1290,10 @@ const CustomPropertyField = ({
 &nbsp;
   return (
     &lt;&gt;
-      {
+      &lt;div
+        data-testid="customPropertyField"
+      &gt;
+        {
         customPropertyType === 'optional' &amp;&amp;
 <span class="branch-1 cbranch-no" title="branch not covered" >        &lt;Row&gt;</span>
           &lt;Col xs={12}&gt;
@@ -1010,22 +1301,23 @@ const CustomPropertyField = ({
           &lt;/Col&gt;
         &lt;/Row&gt;
       }
-      &lt;Row&gt;
-        &lt;Col md={6} xs={12}&gt;
-          {renderCustomPropertyValue()}
-        &lt;/Col&gt;
-        &lt;Col md={6} xs={12}&gt;
-          {renderCustomPropertyNoteInternal()}
-        &lt;/Col&gt;
-      &lt;/Row&gt;
-      &lt;Row&gt;
-        &lt;Col md={6} xs={12}&gt;
-          {renderCustomPropertyVisibility()}
-        &lt;/Col&gt;
-        &lt;Col md={6} xs={12}&gt;
-          {renderCustomPropertyNotePublic()}
-        &lt;/Col&gt;
-      &lt;/Row&gt;
+        &lt;Row&gt;
+          &lt;Col md={6} xs={12}&gt;
+            {renderCustomPropertyValue()}
+          &lt;/Col&gt;
+          &lt;Col md={6} xs={12}&gt;
+            {renderCustomPropertyNoteInternal()}
+          &lt;/Col&gt;
+        &lt;/Row&gt;
+        &lt;Row&gt;
+          &lt;Col md={6} xs={12}&gt;
+            {renderCustomPropertyVisibility()}
+          &lt;/Col&gt;
+          &lt;Col md={6} xs={12}&gt;
+            {renderCustomPropertyNotePublic()}
+          &lt;/Col&gt;
+        &lt;/Row&gt;
+      &lt;/div&gt;
     &lt;/&gt;
   );
 };
@@ -1036,6 +1328,8 @@ CustomPropertyField.propTypes = {
   customPropertyType: PropTypes.string,
   customProperties: PropTypes.arrayOf(PropTypes.object),
   index: PropTypes.number,
+  intlKey: PropTypes.string,
+  intlNS: PropTypes.string,
   labelOverrides: PropTypes.object,
   name: PropTypes.string,
   onChange: PropTypes.func,
@@ -1051,7 +1345,7 @@ export default CustomPropertyField;
             <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>