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

package/coverage/lcov-report/src/widget/components/BulkExtractor.ts.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">16.45% </span>
+                <span class="strong">85% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>13/79</span>
+                <span class='fraction'>85/100</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">76.19% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/13</span>
+                <span class='fraction'>16/21</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">6.66% </span>
+                <span class="strong">86.66% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>1/15</span>
+                <span class='fraction'>13/15</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">16.66% </span>
+                <span class="strong">85.41% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>13/78</span>
+                <span class='fraction'>82/96</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line low'></div>
+    <div class='status-line high'></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>
@@ -219,16 +219,52 @@
 <a name='L154'></a><a href='#L154'>154</a>
 <a name='L155'></a><a href='#L155'>155</a>
 <a name='L156'></a><a href='#L156'>156</a>
-<a name='L157'></a><a href='#L157'>157</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L157'></a><a href='#L157'>157</a>
+<a name='L158'></a><a href='#L158'>158</a>
+<a name='L159'></a><a href='#L159'>159</a>
+<a name='L160'></a><a href='#L160'>160</a>
+<a name='L161'></a><a href='#L161'>161</a>
+<a name='L162'></a><a href='#L162'>162</a>
+<a name='L163'></a><a href='#L163'>163</a>
+<a name='L164'></a><a href='#L164'>164</a>
+<a name='L165'></a><a href='#L165'>165</a>
+<a name='L166'></a><a href='#L166'>166</a>
+<a name='L167'></a><a href='#L167'>167</a>
+<a name='L168'></a><a href='#L168'>168</a>
+<a name='L169'></a><a href='#L169'>169</a>
+<a name='L170'></a><a href='#L170'>170</a>
+<a name='L171'></a><a href='#L171'>171</a>
+<a name='L172'></a><a href='#L172'>172</a>
+<a name='L173'></a><a href='#L173'>173</a>
+<a name='L174'></a><a href='#L174'>174</a>
+<a name='L175'></a><a href='#L175'>175</a>
+<a name='L176'></a><a href='#L176'>176</a>
+<a name='L177'></a><a href='#L177'>177</a>
+<a name='L178'></a><a href='#L178'>178</a>
+<a name='L179'></a><a href='#L179'>179</a>
+<a name='L180'></a><a href='#L180'>180</a>
+<a name='L181'></a><a href='#L181'>181</a>
+<a name='L182'></a><a href='#L182'>182</a>
+<a name='L183'></a><a href='#L183'>183</a>
+<a name='L184'></a><a href='#L184'>184</a>
+<a name='L185'></a><a href='#L185'>185</a>
+<a name='L186'></a><a href='#L186'>186</a>
+<a name='L187'></a><a href='#L187'>187</a>
+<a name='L188'></a><a href='#L188'>188</a>
+<a name='L189'></a><a href='#L189'>189</a>
+<a name='L190'></a><a href='#L190'>190</a>
+<a name='L191'></a><a href='#L191'>191</a>
+<a name='L192'></a><a href='#L192'>192</a>
+<a name='L193'></a><a href='#L193'>193</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">4x</span>
+<span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</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-neutral">&nbsp;</span>
@@ -236,90 +272,104 @@
 <span class="cline-any cline-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">4x</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">15x</span>
-<span class="cline-any cline-yes">15x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">19x</span>
+<span class="cline-any cline-yes">19x</span>
+<span class="cline-any cline-yes">19x</span>
+<span class="cline-any cline-yes">19x</span>
+<span class="cline-any cline-yes">19x</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-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">19x</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-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-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">19x</span>
+<span class="cline-any cline-yes">19x</span>
+<span class="cline-any cline-yes">19x</span>
+<span class="cline-any cline-yes">19x</span>
+<span class="cline-any cline-yes">19x</span>
+<span class="cline-any cline-yes">19x</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-no">&nbsp;</span>
+<span class="cline-any cline-yes">17x</span>
+<span class="cline-any cline-yes">20x</span>
+<span class="cline-any cline-yes">20x</span>
+<span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">20x</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">7x</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-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-yes">7x</span>
+<span class="cline-any cline-yes">7x</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">6x</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">10x</span>
+<span class="cline-any cline-yes">10x</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-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">9x</span>
+<span class="cline-any cline-yes">9x</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-yes">8x</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-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">9x</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-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-no">&nbsp;</span>
+<span class="cline-any cline-yes">15x</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-yes">13x</span>
+<span class="cline-any cline-yes">5x</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-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-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-yes">20x</span>
+<span class="cline-any cline-yes">20x</span>
+<span class="cline-any cline-yes">20x</span>
+<span class="cline-any cline-yes">20x</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>
@@ -327,52 +377,74 @@
 <span class="cline-any cline-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-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-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-yes">5x</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-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-yes">5x</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-yes">12x</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-yes">12x</span>
+<span class="cline-any cline-yes">12x</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>
 <span class="cline-any cline-neutral">&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-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-yes">11x</span>
+<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-yes">12x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">12x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-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-no">&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></td><td class="text"><pre class="prettyprint lang-js">/*---------------------------------------------------------------------------------------------
@@ -393,142 +465,178 @@ export type ReportMappingAndMapping = ReportMapping &amp; {
 };
 &nbsp;
 export default class BulkExtractor {
-  private _reportRunIds = new Map&lt;string, string[]&gt;();
   private _reportsClientApi: ReportsClient;
   private _extractionClientApi: ExtractionClient;
   private _accessToken: () =&gt; Promise&lt;string&gt;;
-  private _reportStates = new Map&lt;string, ExtractionStates&gt;();
+&nbsp;
+  private _reportIModels = new Map&lt;string, string[]&gt;(); // key: reportId, value: iModels
+  private _iModelStates = new Map&lt;string, ExtractorState&gt;(); // key: iModelId, value: state
   private _timeFetched = new Date();
-  private _reportIds: string[];
+  private _iModelRun = new Map&lt;string, string&gt;(); // key: iModelId, value: runId
+  private _iModelToast = new Set&lt;string&gt;();
+  private _successfulExtractionToast: (iModelName: string, odataFeedUrl: string) =&gt; void;
+  private _failedExtractionToast: (iModelName: string) =&gt; void;
+  private _setJobRunning: React.Dispatch&lt;React.SetStateAction&lt;boolean&gt;&gt; | undefined;
+  private _iModels: string[] = [];
 &nbsp;
-  constructor(apiConfig: ReportsApiConfig, reportIds: string[]) {
+  constructor(
+    apiConfig: ReportsApiConfig,
+    successfulExtractionToast: (iModelName: string, odataFeedUrl: string) =&gt; void,
+    failedExtractionToast: (iModelName: string) =&gt; void,
+  ) {
     const url = generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl);
     this._reportsClientApi = new ReportsClient(url);
     this._extractionClientApi = new ExtractionClient(url);
     this._accessToken = apiConfig.getAccessToken;
-    this._reportIds = reportIds;
+    this._successfulExtractionToast = successfulExtractionToast;
+    this._failedExtractionToast = failedExtractionToast;
   }
 &nbsp;
-  private <span class="fstat-no" title="function not covered" >async </span>getStates(reportIds: string[]): Promise&lt;Map&lt;string, ExtractionStates&gt;&gt; {
-    const stateByReportId = <span class="cstat-no" title="statement not covered" >new Map&lt;string, ExtractionStates&gt;();</span>
-    const stateByRunId = <span class="cstat-no" title="statement not covered" >new Map&lt;string, ExtractorState&gt;();</span>
-&nbsp;
-<span class="cstat-no" title="statement not covered" >    for (const reportId of reportIds) {</span>
-      const runs = <span class="cstat-no" title="statement not covered" >this._reportRunIds.get(reportId);</span>
-<span class="cstat-no" title="statement not covered" >      <span class="missing-if-branch" title="if path not taken" >I</span>if (!runs) {</span>
-<span class="cstat-no" title="statement not covered" >        stateByReportId.set(reportId, ExtractionStates.None);</span>
-<span class="cstat-no" title="statement not covered" >        continue;</span>
-      }
-&nbsp;
-      const states: ExtractorState[] = <span class="cstat-no" title="statement not covered" >[];</span>
-<span class="cstat-no" title="statement not covered" >      for (const runId of runs) {</span>
-        const state = <span class="cstat-no" title="statement not covered" >stateByRunId.get(runId);</span>
-<span class="cstat-no" title="statement not covered" >        if (state) {</span>
-<span class="cstat-no" title="statement not covered" >          states.push(state);</span>
-        } else {
-          const runState = <span class="cstat-no" title="statement not covered" >await this.getSingleState(runId, await this._accessToken());</span>
-<span class="cstat-no" title="statement not covered" >          states.push(runState);</span>
-<span class="cstat-no" title="statement not covered" >          stateByRunId.set(runId, runState);</span>
-        }
+  private async fetchStates(): Promise&lt;void&gt; {
+    for (const [iModelId, runId] of this._iModelRun) {
+      const state = await this.getState(runId);
+      if (state === ExtractorState.Succeeded || state === ExtractorState.Failed) {
+        this._iModelRun.delete(iModelId);
       }
-      const finalState = <span class="cstat-no" title="statement not covered" >BulkExtractor.getFinalState(states);</span>
-<span class="cstat-no" title="statement not covered" >      stateByReportId.set(reportId, finalState);</span>
+      this._iModelStates.set(iModelId, state);
     }
-<span class="cstat-no" title="statement not covered" >    return stateByReportId;</span>
   }
 &nbsp;
-  private <span class="fstat-no" title="function not covered" >async </span>fetchStates(): Promise&lt;void&gt; {
-<span class="cstat-no" title="statement not covered" >    this._reportStates = await this.getStates(this._reportIds);</span>
-  }
+  public async getReportState(reportId: string): Promise&lt;ExtractionStates&gt; {
+    if ((new Date().getTime() - this._timeFetched.getTime()) &gt; STATUS_CHECK_INTERVAL) {
+      this._timeFetched = new Date();
+      await this.fetchStates();
+    }
 &nbsp;
-  public <span class="fstat-no" title="function not covered" >getState(</span>reportId: string): ExtractionStates {
-<span class="cstat-no" title="statement not covered" >    <span class="missing-if-branch" title="if path not taken" >I</span>if ((new Date().getTime() - this._timeFetched.getTime()) &gt; STATUS_CHECK_INTERVAL) {</span>
-<span class="cstat-no" title="statement not covered" >      this._timeFetched = new Date();</span>
-<span class="cstat-no" title="statement not covered" >      this.fetchStates().catch(<span class="fstat-no" title="function not covered" >(e</span>) =&gt;</span>
-        /* eslint-disable no-console */
-<span class="cstat-no" title="statement not covered" >        console.error(e)</span>
-      );
+    const iModels = this._reportIModels.get(reportId);
+    if (!iModels) return ExtractionStates.None;
+    const states: ExtractorState[] = [];
+    for (const iModelId of iModels) {
+      const state = this._iModelStates.get(iModelId);
+      <span class="missing-if-branch" title="if path not taken" >I</span>if (!state) <span class="cstat-no" title="statement not covered" >continue;</span>
+      states.push(state);
     }
-<span class="cstat-no" title="statement not covered" >    return this._reportStates.get(reportId) ?? ExtractionStates.None;</span>
+    return BulkExtractor.getFinalState(states);
   }
 &nbsp;
-  public <span class="fstat-no" title="function not covered" >clearJob(</span>reportId: string): void {
-<span class="cstat-no" title="statement not covered" >    this._reportRunIds.delete(reportId);</span>
+  public async getIModelState(iModelId: string, iModelName: string, odataFeedUrl: string): Promise&lt;ExtractionStates&gt; {
+    if ((new Date().getTime() - this._timeFetched.getTime()) &gt; STATUS_CHECK_INTERVAL) {
+      this._timeFetched = new Date();
+      await this.fetchStates();
+    }
+&nbsp;
+    const state = this._iModelStates.get(iModelId);
+    if (!state) return ExtractionStates.None;
+    if (!this._iModelToast.has(iModelId)) {
+      if (state === ExtractorState.Succeeded) {
+        this._successfulExtractionToast(iModelName, odataFeedUrl);
+        this._iModelToast.add(iModelId);
+        this.checkRunning();
+      } else if (state === ExtractorState.Failed) {
+        this._failedExtractionToast(iModelName);
+        this._iModelToast.add(iModelId);
+        this.checkRunning();
+      }
+    }
+    return BulkExtractor.getFinalState([state]);
   }
 &nbsp;
-  private <span class="fstat-no" title="function not covered" >static </span>getFinalState(states: ExtractorState[]): ExtractionStates {
-<span class="cstat-no" title="statement not covered" >    <span class="missing-if-branch" title="if path not taken" >I</span>if (states.includes(ExtractorState.Failed))</span>
-<span class="cstat-no" title="statement not covered" >      return ExtractionStates.Failed;</span>
+  private static getFinalState(states: ExtractorState[]): ExtractionStates {
+    if (states.includes(ExtractorState.Failed))
+      return ExtractionStates.Failed;
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    <span class="missing-if-branch" title="if path not taken" >I</span>if (states.includes(ExtractorState.Queued))</span>
-<span class="cstat-no" title="statement not covered" >      return ExtractionStates.Queued;</span>
+    if (states.includes(ExtractorState.Queued))
+      return ExtractionStates.Queued;
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    <span class="missing-if-branch" title="if path not taken" >I</span>if (states.includes(ExtractorState.Running))</span>
-<span class="cstat-no" title="statement not covered" >      return ExtractionStates.Running;</span>
+    if (states.includes(ExtractorState.Running))
+      return ExtractionStates.Running;
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    <span class="missing-if-branch" title="if path not taken" >I</span>if (states.includes(ExtractorState.Succeeded))</span>
-<span class="cstat-no" title="statement not covered" >      return ExtractionStates.Succeeded;</span>
+    if (states.includes(ExtractorState.Succeeded))
+      return ExtractionStates.Succeeded;
 &nbsp;
 <span class="cstat-no" title="statement not covered" >    return ExtractionStates.Failed;</span>
   }
 &nbsp;
-  private <span class="fstat-no" title="function not covered" >async </span>getSingleState(runId: string, accessToken: string): Promise&lt;ExtractorState&gt; {
-<span class="cstat-no" title="statement not covered" >    try {</span>
-      const response = <span class="cstat-no" title="statement not covered" >await this._extractionClientApi.getExtractionStatus(accessToken, runId);</span>
-<span class="cstat-no" title="statement not covered" >      return response.state;</span>
+  private async getState(runId: string): Promise&lt;ExtractorState&gt; {
+    try {
+      const accessToken = await this._accessToken();
+      const response = await this._extractionClientApi.getExtractionStatus(accessToken, runId);
+      return response.state;
     } catch (error: any) {
 <span class="cstat-no" title="statement not covered" >      handleError(error.status);</span>
     }
 <span class="cstat-no" title="statement not covered" >    return ExtractorState.Failed;</span>
   }
 &nbsp;
-  public <span class="fstat-no" title="function not covered" >async </span>startJobs(reportIds: string[]): Promise&lt;void&gt; {
-    const reportIModelIds = <span class="cstat-no" title="statement not covered" >new Map&lt;string, string[]&gt;();</span>
-<span class="cstat-no" title="statement not covered" >    for (const reportId of reportIds) {</span>
-      const reportIModels = <span class="cstat-no" title="statement not covered" >await this.fetchReportIModels(reportId);</span>
-<span class="cstat-no" title="statement not covered" >      reportIModelIds.set(reportId, reportIModels);</span>
-<span class="cstat-no" title="statement not covered" >      this._reportStates.set(reportId, ExtractionStates.Starting);</span>
-    }
-    const iModels = <span class="cstat-no" title="statement not covered" >new Set(Array.from(reportIModelIds.values()).flat());</span>
-    const extractionMapPromise =
-<span class="cstat-no" title="statement not covered" >      Array.from(iModels).map(<span class="fstat-no" title="function not covered" >async </span>(iModel): Promise&lt;[string, string | undefined]&gt; =&gt; {</span>
-        const run = <span class="cstat-no" title="statement not covered" >await this.runExtraction(iModel);</span>
-<span class="cstat-no" title="statement not covered" >        return [iModel, run];</span>
+  private checkRunning(): void {
+    <span class="missing-if-branch" title="if path not taken" >I</span>if (this._setJobRunning) {
+      let allFinished = <span class="cstat-no" title="statement not covered" >true;</span>
+<span class="cstat-no" title="statement not covered" >      this._iModels.forEach(<span class="fstat-no" title="function not covered" >(i</span>ModelId) =&gt; {</span>
+        const state = <span class="cstat-no" title="statement not covered" >this._iModelStates.get(iModelId);</span>
+<span class="cstat-no" title="statement not covered" >        <span class="missing-if-branch" title="if path not taken" >I</span>if (state === ExtractorState.Queued || state === ExtractorState.Running) {</span>
+<span class="cstat-no" title="statement not covered" >          allFinished = false;</span>
+        }
       });
 &nbsp;
-    const extractionMap = <span class="cstat-no" title="statement not covered" >await Promise.all(extractionMapPromise);</span>
-    const extractionByIModel = <span class="cstat-no" title="statement not covered" >new Map&lt;string, string | undefined&gt;(extractionMap);</span>
-<span class="cstat-no" title="statement not covered" >    reportIds.forEach(<span class="fstat-no" title="function not covered" >(r</span>eportId) =&gt; {</span>
-      const reportIModels = <span class="cstat-no" title="statement not covered" >reportIModelIds.get(reportId)!;</span>
-      const runs: string[] = <span class="cstat-no" title="statement not covered" >[];</span>
-<span class="cstat-no" title="statement not covered" >      reportIModels.forEach(<span class="fstat-no" title="function not covered" >(i</span>ModelId) =&gt; {</span>
-        const runId = <span class="cstat-no" title="statement not covered" >extractionByIModel.get(iModelId);</span>
-<span class="cstat-no" title="statement not covered" >        <span class="missing-if-branch" title="if path not taken" >I</span>if (runId)</span>
-<span class="cstat-no" title="statement not covered" >          runs.push(runId);</span>
-      });
-<span class="cstat-no" title="statement not covered" >      this._reportRunIds.set(reportId, runs);</span>
-    });
+<span class="cstat-no" title="statement not covered" >      this._setJobRunning(!allFinished);</span>
+    }
   }
 &nbsp;
-  private <span class="fstat-no" title="function not covered" >async </span>runExtraction(iModelId: string): Promise&lt;string | undefined&gt; {
-<span class="cstat-no" title="statement not covered" >    try {</span>
-      const response = <span class="cstat-no" title="statement not covered" >await this._extractionClientApi.runExtraction(</span>
+  public async runReportExtractions(reportIds: string[]): Promise&lt;void&gt; {
+    const reportIModelIds = new Map&lt;string, string[]&gt;();
+    for (const reportId of reportIds) {
+      const reportIModels = await this.fetchReportIModels(reportId);
+      reportIModelIds.set(reportId, reportIModels);
+      this._reportIModels.set(reportId, reportIModels);
+    }
+    const iModels = new Set(Array.from(reportIModelIds.values()).flat());
+&nbsp;
+    for (const iModel of iModels) {
+      await this.runIModelExtractions([iModel]);
+    }
+  }
+&nbsp;
+  private async runExtraction(iModelId: string): Promise&lt;string | undefined&gt; {
+    try {
+      const response = await this._extractionClientApi.runExtraction(
         await this._accessToken(),
         iModelId
       );
-<span class="cstat-no" title="statement not covered" >      return response.id;</span>
+      this._iModelToast.delete(iModelId);
+      return response.id;
     } catch (error: any) {
 <span class="cstat-no" title="statement not covered" >      handleError(error.status);</span>
     }
 <span class="cstat-no" title="statement not covered" >    return undefined;</span>
   }
 &nbsp;
-  private <span class="fstat-no" title="function not covered" >async </span>fetchReportIModels(reportId: string): Promise&lt;string[]&gt; {
-    const reportMappings = <span class="cstat-no" title="statement not covered" >await this._reportsClientApi.getReportMappings(</span>
+  public async runIModelExtraction(iModelId: string): Promise&lt;void&gt; {
+    return this.runIModelExtractions([iModelId]);
+  }
+&nbsp;
+  public <span class="fstat-no" title="function not covered" >setHook(</span>setJobRunning: React.Dispatch&lt;React.SetStateAction&lt;boolean&gt;&gt;, iModels: string[]): void {
+<span class="cstat-no" title="statement not covered" >    this._setJobRunning = setJobRunning;</span>
+<span class="cstat-no" title="statement not covered" >    this._iModels = iModels;</span>
+<span class="cstat-no" title="statement not covered" >    this.checkRunning();</span>
+  }
+&nbsp;
+  public async runIModelExtractions(iModels: string[]): Promise&lt;void&gt; {
+    for (const iModelId of iModels) {
+      const run = await this.runExtraction(iModelId);
+      if (run) {
+        this._iModelStates.set(iModelId, ExtractorState.Queued);
+        this._iModelRun.set(iModelId, run);
+      }
+      this.checkRunning();
+    }
+  }
+&nbsp;
+  private async fetchReportIModels(reportId: string): Promise&lt;string[]&gt; {
+    const reportMappings = await this._reportsClientApi.getReportMappings(
       await this._accessToken(),
       reportId
     );
-<span class="cstat-no" title="statement not covered" >    return reportMappings.map(<span class="fstat-no" title="function not covered" >(x</span>) =&gt; <span class="cstat-no" title="statement not covered" >x.imodelId)</span>;</span>
+    return reportMappings.map((x) =&gt; x.imodelId);
   }
 }
 &nbsp;</pre></td></tr></table></pre>
@@ -538,7 +646,7 @@ export default class BulkExtractor {
             <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>