@itwin/reports-config-widget-react 0.1.0 → 0.2.1

package/coverage/lcov-report/src/widget/components/ReportMappings.tsx.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">96.34% </span>
+                <span class="strong">92.13% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>79/82</span>
+                <span class='fraction'>82/89</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">73.68% </span>
+                <span class="strong">56.75% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>28/38</span>
+                <span class='fraction'>21/37</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">94.44% </span>
+                <span class="strong">85% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>17/18</span>
+                <span class='fraction'>17/20</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">96.29% </span>
+                <span class="strong">91.86% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>78/81</span>
+                <span class='fraction'>79/86</span>
             </div>
         
             
@@ -394,68 +394,52 @@
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L332'></a><a href='#L332'>332</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-yes">2x</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>
+<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">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-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-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</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-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-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</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-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-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-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</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>
@@ -463,141 +447,134 @@
 <span class="cline-any cline-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-yes">5x</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">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</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">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-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">15x</span>
-<span class="cline-any cline-yes">15x</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-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">15x</span>
+<span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&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-yes">15x</span>
-<span class="cline-any cline-yes">15x</span>
-<span class="cline-any cline-yes">15x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">15x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-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">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">15x</span>
+<span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-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">8x</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">8x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">4x</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-yes">6x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-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-yes">92x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">92x</span>
-<span class="cline-any cline-yes">92x</span>
-<span class="cline-any cline-yes">92x</span>
-<span class="cline-any cline-yes">92x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">92x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">92x</span>
-<span class="cline-any cline-yes">92x</span>
-<span class="cline-any cline-yes">92x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">92x</span>
-<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">77x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">77x</span>
+<span class="cline-any cline-yes">77x</span>
+<span class="cline-any cline-yes">77x</span>
+<span class="cline-any cline-yes">77x</span>
+<span class="cline-any cline-yes">77x</span>
+<span class="cline-any cline-yes">77x</span>
+<span class="cline-any cline-yes">77x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">77x</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>
+<span class="cline-any cline-yes">77x</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">92x</span>
-<span class="cline-any cline-yes">2x</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-yes">77x</span>
+<span class="cline-any cline-yes">9x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">92x</span>
+<span class="cline-any cline-yes">77x</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">92x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">14x</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-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">77x</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">92x</span>
+<span class="cline-any cline-yes">77x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-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">92x</span>
+<span class="cline-any cline-yes">77x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">73x</span>
-<span class="cline-any cline-yes">133x</span>
+<span class="cline-any cline-yes">68x</span>
+<span class="cline-any cline-yes">126x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -605,7 +582,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">92x</span>
+<span class="cline-any cline-yes">77x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -641,13 +618,6 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-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">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -685,27 +655,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-yes">148x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-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">129x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-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-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">143x</span>
 <span class="cline-any cline-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">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -718,8 +681,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-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>
@@ -733,6 +699,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-yes">1x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</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>
@@ -742,11 +713,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">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -764,15 +732,11 @@
 import {
   SvgAdd,
   SvgCopy,
-  SvgDelete,
-  SvgMore,
 } from "@itwin/itwinui-icons-react";
 import {
   Button,
-  DropdownMenu,
   IconButton,
   LabeledInput,
-  MenuItem,
   Surface,
   Text,
   toaster,
@@ -790,19 +754,21 @@ import "./ReportMappings.scss";
 import DeleteModal from "./DeleteModal";
 import type { Report, ReportMapping } from "@itwin/insights-client";
 import { MappingsClient, REPORTING_BASE_PATH, ReportsClient } from "@itwin/insights-client";
-import AddMappingsModal from "./AddMappingsModal";
+import { AddMappingsModal } from "./AddMappingsModal";
 import type {
   GetSingleIModelParams,
   IModelsClientOptions,
 } from "@itwin/imodels-client-management";
 import { Constants, IModelsClient } from "@itwin/imodels-client-management";
 import { AccessTokenAdapter } from "@itwin/imodels-access-frontend";
-import { HorizontalTile } from "./HorizontalTile";
-import { Extraction, ExtractionStates, ExtractionStatus } from "./Extraction";
 import { SearchBar } from "./SearchBar";
 import type { ReportsApiConfig } from "../context/ReportsApiConfigContext";
 import { useReportsApiConfig } from "../context/ReportsApiConfigContext";
 import { ReportsConfigWidget } from "../../ReportsConfigWidget";
+import { ReportMappingHorizontalTile } from "./ReportMappingHorizontalTile";
+import type BulkExtractor from "./BulkExtractor";
+import { BeEvent } from "@itwin/core-bentley";
+import { LoadingSpinner } from "./utils";
 &nbsp;
 export type ReportMappingType = CreateTypeFromInterface&lt;ReportMapping&gt;;
 &nbsp;
@@ -844,39 +810,39 @@ const fetchReportMappings = async (
     const authorization =
       AccessTokenAdapter.toAuthorizationCallback(accessToken);
     const iModelNames = new Map&lt;string, string&gt;();
-    const reportMappingsAndMapping = await Promise.all(
-      reportMappings.map(async (reportMapping) =&gt; {
-        const iModelId = reportMapping.imodelId;
-        let iModelName = "";
-        const mapping = await mappingsClientApi.getMapping(
-          accessToken,
+&nbsp;
+    const reportMappingsAndMappings = [];
+    for (const reportMapping of reportMappings) {
+      const iModelId = reportMapping.imodelId;
+      let iModelName = "";
+      const mapping = await mappingsClientApi.getMapping(
+        accessToken,
+        iModelId,
+        reportMapping.mappingId
+      );
+      <span class="missing-if-branch" title="if path not taken" >I</span>if (iModelNames.has(iModelId)) {
+<span class="cstat-no" title="statement not covered" >        iModelName = iModelNames.get(iModelId) ?? "";</span>
+      } else {
+        const getSingleParams: GetSingleIModelParams = {
+          authorization,
           iModelId,
-          reportMapping.mappingId
-        );
-        <span class="missing-if-branch" title="if path not taken" >I</span>if (iModelNames.has(iModelId)) {
-<span class="cstat-no" title="statement not covered" >          iModelName = iModelNames.get(iModelId) ?? "";</span>
-        } else {
-          const getSingleParams: GetSingleIModelParams = {
-            authorization,
-            iModelId,
-          };
-          const iModel = await iModelsClient.iModels.getSingle(getSingleParams);
-          iModelName = iModel.displayName;
-          iModelNames.set(iModelId, iModelName);
-        }
-        const reportMappingAndMapping: ReportMappingAndMapping = {
-          ...reportMapping,
-          iModelName,
-          mappingName: mapping.mappingName,
-          mappingDescription: mapping.description ?? <span class="branch-1 cbranch-no" title="branch not covered" >"",</span>
         };
-        return reportMappingAndMapping;
-      }) ?? <span class="branch-1 cbranch-no" title="branch not covered" >[]</span>
-    );
+        const iModel = await iModelsClient.iModels.getSingle(getSingleParams);
+        iModelName = iModel.displayName;
+        iModelNames.set(iModelId, iModelName);
+      }
+      const reportMappingAndMapping: ReportMappingAndMapping = {
+        ...reportMapping,
+        iModelName,
+        mappingName: mapping.mappingName,
+        mappingDescription: mapping.description ?? <span class="branch-1 cbranch-no" title="branch not covered" >"",</span>
+      };
+      reportMappingsAndMappings.push(reportMappingAndMapping);
+    }
 &nbsp;
-    setReportMappings(reportMappingsAndMapping);
+    setReportMappings(reportMappingsAndMappings);
   } catch (error: any) {
-<span class="cstat-no" title="statement not covered" >    handleError(error.status);</span>
+    handleError(error.status);
   } finally {
     setIsLoading(false);
   }
@@ -884,23 +850,25 @@ const fetchReportMappings = async (
 &nbsp;
 interface ReportMappingsProps {
   report: Report;
+  bulkExtractor: BulkExtractor;
   goBack: () =&gt; Promise&lt;void&gt;;
 }
 &nbsp;
-export const ReportMappings = ({ report, goBack }: ReportMappingsProps) =&gt; {
+export const ReportMappings = ({ report, bulkExtractor, goBack }: ReportMappingsProps) =&gt; {
   const apiConfig = useReportsApiConfig();
   const [reportMappingsView, setReportMappingsView] =
     useState&lt;ReportMappingsView&gt;(ReportMappingsView.REPORTMAPPINGS);
   const [selectedReportMapping, setSelectedReportMapping] = useState&lt;ReportMappingAndMapping | undefined&gt;(undefined);
   const [showDeleteModal, setShowDeleteModal] = useState&lt;boolean&gt;(false);
   const [isLoading, setIsLoading] = useState&lt;boolean&gt;(true);
-&nbsp;
-  const [extractionState, setExtractionState] = useState&lt;ExtractionStates&gt;(
-    ExtractionStates.None
-  );
-  const [runningIModelId, setRunningIModelId] = useState&lt;string&gt;("");
   const [searchValue, setSearchValue] = useState&lt;string&gt;("");
   const [reportMappings, setReportMappings] = useState&lt;ReportMappingAndMapping[]&gt;([]);
+  const [jobRunning, setJobRunning] = useState&lt;boolean&gt;(false);
+&nbsp;
+  const jobStartEvent = useMemo(
+    () =&gt; new BeEvent&lt;(iModelId: string) =&gt; void&gt;(),
+    []
+  );
 &nbsp;
   useEffect(() =&gt; {
     void fetchReportMappings(
@@ -910,6 +878,10 @@ export const ReportMappings = ({ report, goBack }: ReportMappingsProps) =&gt; {
       apiConfig
     );
   }, [apiConfig, report.id, setIsLoading]);
+&nbsp;
+  useEffect(() =&gt; {
+    bulkExtractor.setHook(setJobRunning, reportMappings.map((x) =&gt; x.imodelId));
+  }, [bulkExtractor, reportMappings]);
 &nbsp;
   const refresh = useCallback(async () =&gt; {
     setReportMappingsView(ReportMappingsView.REPORTMAPPINGS);
@@ -924,17 +896,6 @@ export const ReportMappings = ({ report, goBack }: ReportMappingsProps) =&gt; {
   const addMapping = () =&gt; {
     setReportMappingsView(ReportMappingsView.ADDING);
   };
-&nbsp;
-  const uniqueIModels = useMemo(
-    () =&gt;
-      new Map(
-        reportMappings.map((mapping) =&gt; [
-          mapping.imodelId,
-          mapping.iModelName,
-        ])
-      ),
-    [reportMappings]
-  );
 &nbsp;
   const odataFeedUrl = `${generateUrl(
     REPORTING_BASE_PATH,
@@ -955,12 +916,12 @@ export const ReportMappings = ({ report, goBack }: ReportMappingsProps) =&gt; {
   return (
     &lt;&gt;
       &lt;WidgetHeader title={report.displayName} returnFn={goBack} /&gt;
-      &lt;div className="report-mapping-misc"&gt;
+      &lt;div className="rcw-report-mapping-misc"&gt;
         &lt;LabeledInput
           label={ReportsConfigWidget.localization.getLocalizedString(
             "ReportsConfigWidget:ODataFeedURL"
           )}
-          className="odata-url-input"
+          className="rcw-odata-url-input"
           readOnly={true}
           value={odataFeedUrl}
           svgIcon={
@@ -983,16 +944,9 @@ export const ReportMappings = ({ report, goBack }: ReportMappingsProps) =&gt; {
           }
           iconDisplayStyle="inline"
         /&gt;
-        &lt;Extraction
-          iModels={uniqueIModels}
-          extractionState={extractionState}
-          setExtractionState={setExtractionState}
-          setExtractingIModelId={setRunningIModelId}
-          isLoading={isLoading}
-        /&gt;
       &lt;/div&gt;
-      &lt;Surface className="report-mappings-container"&gt;
-        &lt;div className="toolbar"&gt;
+      &lt;Surface className="rcw-report-mappings-container"&gt;
+        &lt;div className="rcw-toolbar"&gt;
           &lt;Button
             startIcon={&lt;SvgAdd /&gt;}
             onClick={() =&gt; addMapping()}
@@ -1002,7 +956,7 @@ export const ReportMappings = ({ report, goBack }: ReportMappingsProps) =&gt; {
               "ReportsConfigWidget:AddMapping"
             )}
           &lt;/Button&gt;
-          &lt;div className="search-bar-container" data-testid="search-bar"&gt;
+          &lt;div className="rcw-search-bar-container" data-testid="rcw-search-bar"&gt;
             &lt;SearchBar
               searchValue={searchValue}
               setSearchValue={setSearchValue}
@@ -1013,7 +967,7 @@ export const ReportMappings = ({ report, goBack }: ReportMappingsProps) =&gt; {
         {isLoading ? (
           &lt;LoadingOverlay /&gt;
         ) : reportMappings.length === 0 ? (
-<span class="branch-0 cbranch-no" title="branch not covered" >          &lt;EmptyMessage&gt;</span>
+          &lt;EmptyMessage&gt;
             &lt;&gt;
               &lt;Text&gt;
                 {ReportsConfigWidget.localization.getLocalizedString(
@@ -1030,49 +984,18 @@ export const ReportMappings = ({ report, goBack }: ReportMappingsProps) =&gt; {
             &lt;/&gt;
           &lt;/EmptyMessage&gt;
         ) : (
-          &lt;div className="mapping-list"&gt;
+          &lt;div className="rcw-mapping-list"&gt;
             {filteredReportMappings.map((mapping) =&gt; (
-              &lt;HorizontalTile
+              &lt;ReportMappingHorizontalTile
                 key={mapping.mappingId}
-                title={mapping.mappingName}
-                subText={mapping.iModelName}
-                titleTooltip={mapping.mappingDescription}
-                actionGroup={
-                  &lt;ExtractionStatus
-                    state={
-                      mapping.imodelId === runningIModelId
-                        ? extractionState
-                        : ExtractionStates.None
-                    }
-                  &gt;
-                    &lt;DropdownMenu
-                      menuItems={(close: () =&gt; void) =&gt; [
-                        &lt;MenuItem
-                          key={0}
-                          onClick={() =&gt; {
-                            setSelectedReportMapping(mapping);
-                            setShowDeleteModal(true);
-                            close();
-                          }}
-                          icon={&lt;SvgDelete /&gt;}
-                        &gt;
-                          {ReportsConfigWidget.localization.getLocalizedString(
-                            "ReportsConfigWidget:Remove"
-                          )}
-                        &lt;/MenuItem&gt;,
-                      ]}
-                    &gt;
-                      &lt;IconButton styleType="borderless"&gt;
-                        &lt;SvgMore
-                          style={{
-                            width: "16px",
-                            height: "16px",
-                          }}
-                        /&gt;
-                      &lt;/IconButton&gt;
-                    &lt;/DropdownMenu&gt;
-                  &lt;/ExtractionStatus&gt;
-                }
+                bulkExtractor={bulkExtractor}
+                mapping={mapping}
+                onClickDelete={<span class="fstat-no" title="function not covered" >() =</span>&gt; {
+<span class="cstat-no" title="statement not covered" >                  setSelectedReportMapping(mapping);</span>
+<span class="cstat-no" title="statement not covered" >                  setShowDeleteModal(true);</span>
+                }}
+                odataFeedUrl={odataFeedUrl}
+                jobStartEvent={jobStartEvent}
               /&gt;
             ))}
           &lt;/div&gt;
@@ -1085,22 +1008,51 @@ export const ReportMappings = ({ report, goBack }: ReportMappingsProps) =&gt; {
         returnFn={refresh}
       /&gt;
       &lt;DeleteModal
-        entityName={selectedReportMapping?.mappingName ?? ""}
+        entityName={<span class="branch-1 cbranch-no" title="branch not covered" >selectedReportMapping?.mappingName<span class="branch-0 cbranch-no" title="branch not covered" > </span>?? "</span>"}
         show={showDeleteModal}
         setShow={setShowDeleteModal}
-        onDelete={async () =&gt; {
-          const reportsClientApi = new ReportsClient(
+        onDelete={<span class="fstat-no" title="function not covered" >async </span>() =&gt; {
+          const reportsClientApi = <span class="cstat-no" title="statement not covered" >new ReportsClient(</span>
             generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)
           );
-          const accessToken = await apiConfig.getAccessToken();
-          await reportsClientApi.deleteReportMapping(
+          const accessToken = <span class="cstat-no" title="statement not covered" >await apiConfig.getAccessToken();</span>
+<span class="cstat-no" title="statement not covered" >          await reportsClientApi.deleteReportMapping(</span>
             accessToken,
             report.id,
-            selectedReportMapping<span class="branch-0 cbranch-no" title="branch not covered" >?.m</span>appingId ?? <span class="branch-1 cbranch-no" title="branch not covered" >""</span>
+            selectedReportMapping?.mappingId ?? ""
           );
         }}
         refresh={refresh}
       /&gt;
+      &lt;div className="rcw-action-panel"&gt;
+        {isLoading &amp;&amp; &lt;LoadingSpinner /&gt;}
+        &lt;Button
+          disabled={isLoading || jobRunning || reportMappings.length === 0}
+          styleType="high-visibility"
+          onClick={async () =&gt; {
+            setJobRunning(true);
+            const uniqueIModels = Array.from(new Set(reportMappings.map((x) =&gt; x.imodelId)));
+            await bulkExtractor.runIModelExtractions(uniqueIModels);
+            reportMappings.forEach((reportMapping) =&gt; {
+              jobStartEvent.raiseEvent(reportMapping.imodelId);
+            });
+          }}
+        &gt;
+          {ReportsConfigWidget.localization.getLocalizedString(
+            "ReportsConfigWidget:UpdateAllDatasets"
+          )}
+        &lt;/Button&gt;
+        &lt;Button
+          styleType="default"
+          type="button"
+          onClick={goBack}
+          disabled={isLoading}
+        &gt;
+          {ReportsConfigWidget.localization.getLocalizedString(
+            "ReportsConfigWidget:Close"
+          )}
+        &lt;/Button&gt;
+      &lt;/div&gt;
     &lt;/&gt;
   );
 };
@@ -1111,7 +1063,7 @@ export const ReportMappings = ({ report, goBack }: ReportMappingsProps) =&gt; {
             <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 Mon Oct 31 2022 19:03:26 GMT+0000 (Coordinated Universal Time)
+                at Tue Mar 07 2023 15:47:40 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>