@itwin/reports-config-widget-react 0.5.0 → 0.6.0

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

@@ -182,17 +182,7 @@
 <a name='L117'></a><a href='#L117'>117</a>
 <a name='L118'></a><a href='#L118'>118</a>
 <a name='L119'></a><a href='#L119'>119</a>
-<a name='L120'></a><a href='#L120'>120</a>
-<a name='L121'></a><a href='#L121'>121</a>
-<a name='L122'></a><a href='#L122'>122</a>
-<a name='L123'></a><a href='#L123'>123</a>
-<a name='L124'></a><a href='#L124'>124</a>
-<a name='L125'></a><a href='#L125'>125</a>
-<a name='L126'></a><a href='#L126'>126</a>
-<a name='L127'></a><a href='#L127'>127</a>
-<a name='L128'></a><a href='#L128'>128</a>
-<a name='L129'></a><a href='#L129'>129</a>
-<a name='L130'></a><a href='#L130'>130</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L120'></a><a href='#L120'>120</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>
@@ -204,15 +194,7 @@
 <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-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-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>
@@ -227,26 +209,26 @@
 <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">144x</span>
-<span class="cline-any cline-yes">144x</span>
-<span class="cline-any cline-yes">144x</span>
+<span class="cline-any cline-yes">143x</span>
+<span class="cline-any cline-yes">143x</span>
+<span class="cline-any cline-yes">143x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">144x</span>
-<span class="cline-any cline-yes">26x</span>
+<span class="cline-any cline-yes">143x</span>
+<span class="cline-any cline-yes">27x</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">26x</span>
+<span class="cline-any cline-yes">27x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">26x</span>
-<span class="cline-any cline-yes">26x</span>
+<span class="cline-any cline-yes">27x</span>
+<span class="cline-any cline-yes">27x</span>
 <span class="cline-any cline-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">144x</span>
-<span class="cline-any cline-yes">26x</span>
+<span class="cline-any cline-yes">143x</span>
+<span class="cline-any cline-yes">27x</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>
@@ -258,16 +240,16 @@
 <span class="cline-any cline-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">26x</span>
+<span class="cline-any cline-yes">27x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">144x</span>
+<span class="cline-any cline-yes">143x</span>
 <span class="cline-any cline-yes">4x</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>
-<span class="cline-any cline-yes">144x</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>
@@ -281,8 +263,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">144x</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-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -293,7 +274,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-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -313,7 +293,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-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -321,10 +300,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></td><td class="text"><pre class="prettyprint lang-js">/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 import React, { useEffect, useRef, useState } from "react";
 import type { BulkExtractor } from "./BulkExtractor";
 import { ExtractionStates, ExtractionStatus } from "./ExtractionStatus";
@@ -332,16 +312,8 @@ import type { BeEvent } from "@itwin/core-bentley";
 import { STATUS_CHECK_INTERVAL } from "./Constants";
 import type { Report } from "@itwin/insights-client";
 import { ReportsConfigWidget } from "../../ReportsConfigWidget";
-import {
-  DropdownMenu,
-  IconButton,
-  MenuItem,
-} from "@itwin/itwinui-react";
-import {
-  SvgDelete,
-  SvgEdit,
-  SvgMore,
-} from "@itwin/itwinui-icons-react";
+import { DropdownMenu, IconButton, MenuItem } from "@itwin/itwinui-react";
+import { SvgDelete, SvgEdit, SvgMore } from "@itwin/itwinui-icons-react";
 import { HorizontalTile } from "./HorizontalTile";
 &nbsp;
 export interface ReportHorizontalTileProps {
@@ -405,48 +377,46 @@ export const ReportHorizontalTile = (props: ReportHorizontalTileProps) =&gt; {
       onClick={onClickTile}
       onClickTitle={() =&gt; props.onClickTitle?.(props.report)}
       selected={props.selected}
-      actionGroup={extractionState === ExtractionStates.None ? (
-        &lt;div
-          className="rcw-action-button"
-          data-testid="tile-action-button"&gt;
-          &lt;DropdownMenu
-            menuItems={(close: () =&gt; void) =&gt; [
-              props.onClickModify ? &lt;MenuItem
-                key={0}
-                onClick={() =&gt; props.onClickModify?.(props.report)}
-                icon={&lt;SvgEdit /&gt;}
-              &gt;
-                {ReportsConfigWidget.localization.getLocalizedString(
-                  "ReportsConfigWidget:Modify"
-                )}
-              &lt;/MenuItem&gt; : [],
-              &lt;MenuItem
-                key={1}
-                onClick={() =&gt; {
-                  props.onClickDelete();
-                  close();
-                }}
-                icon={&lt;SvgDelete /&gt;}
-              &gt;
-                {ReportsConfigWidget.localization.getLocalizedString(
-                  "ReportsConfigWidget:Remove"
-                )}
-              &lt;/MenuItem&gt;,
-            ].flat()}
-          &gt;
-            &lt;IconButton styleType="borderless" title={ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ReportOptions")}&gt;
-              &lt;SvgMore /&gt;
-            &lt;/IconButton&gt;
-          &lt;/DropdownMenu&gt;
-        &lt;/div&gt;
-      ) : (
-<span class="branch-1 cbranch-no" title="branch not covered" >        &lt;ExtractionStatus</span>
-          state={extractionState}
-          clearExtractionState={<span class="fstat-no" title="function not covered" >() =</span>&gt; {
-<span class="cstat-no" title="statement not covered" >            setExtractionState(ExtractionStates.None);</span>
-          }}
-        &gt;&lt;/ExtractionStatus&gt;
-      )}
+      actionGroup={
+        extractionState === ExtractionStates.None ? (
+          &lt;div className="rcw-action-button" data-testid="tile-action-button"&gt;
+            &lt;DropdownMenu
+              menuItems={(close: () =&gt; void) =&gt;
+                [
+                  props.onClickModify ? (
+                    &lt;MenuItem key={0} onClick={() =&gt; props.onClickModify?.(props.report)} icon={&lt;SvgEdit /&gt;}&gt;
+                      {ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Modify")}
+                    &lt;/MenuItem&gt;
+                  ) : (
+                    []
+                  ),
+                  &lt;MenuItem
+                    key={1}
+                    onClick={() =&gt; {
+                      props.onClickDelete();
+                      close();
+                    }}
+                    icon={&lt;SvgDelete /&gt;}
+                  &gt;
+                    {ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Remove")}
+                  &lt;/MenuItem&gt;,
+                ].flat()
+              }
+            &gt;
+              &lt;IconButton styleType="borderless" title={ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ReportOptions")}&gt;
+                &lt;SvgMore /&gt;
+              &lt;/IconButton&gt;
+            &lt;/DropdownMenu&gt;
+          &lt;/div&gt;
+        ) : (
+<span class="branch-1 cbranch-no" title="branch not covered" >          &lt;ExtractionStatus</span>
+            state={extractionState}
+            clearExtractionState={<span class="fstat-no" title="function not covered" >() =</span>&gt; {
+<span class="cstat-no" title="statement not covered" >              setExtractionState(ExtractionStates.None);</span>
+            }}
+          &gt;&lt;/ExtractionStatus&gt;
+        )
+      }
     &gt;&lt;/HorizontalTile&gt;
   );
 };
@@ -457,7 +427,7 @@ export const ReportHorizontalTile = (props: ReportHorizontalTileProps) =&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 2024-01-29T21:35:13.448Z
+                at 2024-06-10T17:38:17.498Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">93.75% </span>
+                <span class="strong">95.55% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>45/48</span>
+                <span class='fraction'>43/45</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>10/10</span>
+                <span class='fraction'>9/9</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">91.66% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>11/12</span>
+                <span class='fraction'>12/12</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">93.47% </span>
+                <span class="strong">95.23% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>43/46</span>
+                <span class='fraction'>40/42</span>
             </div>
         
             
@@ -183,15 +183,7 @@
 <a name='L118'></a><a href='#L118'>118</a>
 <a name='L119'></a><a href='#L119'>119</a>
 <a name='L120'></a><a href='#L120'>120</a>
-<a name='L121'></a><a href='#L121'>121</a>
-<a name='L122'></a><a href='#L122'>122</a>
-<a name='L123'></a><a href='#L123'>123</a>
-<a name='L124'></a><a href='#L124'>124</a>
-<a name='L125'></a><a href='#L125'>125</a>
-<a name='L126'></a><a href='#L126'>126</a>
-<a name='L127'></a><a href='#L127'>127</a>
-<a name='L128'></a><a href='#L128'>128</a>
-<a name='L129'></a><a href='#L129'>129</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L121'></a><a href='#L121'>121</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>
@@ -203,9 +195,6 @@
 <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-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>
@@ -217,17 +206,15 @@
 <span class="cline-any cline-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">6x</span>
-<span class="cline-any cline-yes">38x</span>
-<span class="cline-any cline-yes">38x</span>
-<span class="cline-any cline-yes">38x</span>
-<span class="cline-any cline-yes">38x</span>
+<span class="cline-any cline-yes">26x</span>
+<span class="cline-any cline-yes">26x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">38x</span>
+<span class="cline-any cline-yes">26x</span>
 <span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">4x</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-yes">6x</span>
@@ -237,47 +224,47 @@
 <span class="cline-any cline-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">38x</span>
-<span class="cline-any cline-yes">13x</span>
-<span class="cline-any cline-yes">13x</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">6x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">26x</span>
+<span class="cline-any cline-yes">21x</span>
+<span class="cline-any cline-yes">21x</span>
+<span class="cline-any cline-yes">21x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">1x</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">7x</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">38x</span>
-<span class="cline-any cline-yes">17x</span>
-<span class="cline-any cline-yes">10x</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">10x</span>
-<span class="cline-any cline-yes">10x</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-yes">17x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">26x</span>
+<span class="cline-any cline-yes">18x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">38x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">26x</span>
+<span class="cline-any cline-yes">18x</span>
+<span class="cline-any cline-yes">18x</span>
+<span class="cline-any cline-yes">11x</span>
+<span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">11x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">26x</span>
+<span class="cline-any cline-yes">3x</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-yes">3x</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-yes">26x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -286,9 +273,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-yes">3x</span>
-<span class="cline-any cline-yes">3x</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>
@@ -320,9 +304,9 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import type { BulkExtractor } from "./BulkExtractor";
 import { ExtractionStates, ExtractionStatus } from "./ExtractionStatus";
@@ -330,12 +314,10 @@ import type { BeEvent } from "@itwin/core-bentley";
 import { STATUS_CHECK_INTERVAL } from "./Constants";
 import { ReportsConfigWidget } from "../../ReportsConfigWidget";
 import { IconButton } from "@itwin/itwinui-react";
-import {
-  SvgDelete,
-  SvgPlay,
-} from "@itwin/itwinui-icons-react";
+import { SvgDelete, SvgPlay } from "@itwin/itwinui-icons-react";
 import { HorizontalTile } from "./HorizontalTile";
 import type { ReportMappingAndMapping } from "./ReportMappings";
+import type { ExtractionRequestDetails } from "@itwin/insights-client";
 &nbsp;
 export interface ReportMappingHorizontalTileProps {
   jobStartEvent: BeEvent&lt;(iModelId: string) =&gt; void&gt;;
@@ -347,15 +329,12 @@ export interface ReportMappingHorizontalTileProps {
 &nbsp;
 export const ReportMappingHorizontalTile = (props: ReportMappingHorizontalTileProps) =&gt; {
   const [extractionState, setExtractionState] = useState&lt;ExtractionStates&gt;(ExtractionStates.None);
-  const [jobStarted, setJobStarted] = useState&lt;boolean&gt;(true);
   const interval = useRef&lt;number&gt;();
-  const initialLoad = useRef&lt;boolean&gt;(true);
 &nbsp;
   useEffect(() =&gt; {
     const listener = (startedIModelId: string) =&gt; {
       if (startedIModelId === props.mapping.imodelId) {
         setExtractionState(ExtractionStates.Starting);
-        setJobStarted(true);
       }
     };
     props.jobStartEvent.addListener(listener);
@@ -363,87 +342,84 @@ export const ReportMappingHorizontalTile = (props: ReportMappingHorizontalTilePr
     return () =&gt; {
       props.jobStartEvent.removeListener(listener);
     };
-  }, [props.jobStartEvent, props.mapping]);
+  }, [props.jobStartEvent, props.mapping.imodelId]);
 &nbsp;
-  const getExtractionState = useCallback(async () =&gt; {
-    const state = await props.bulkExtractor.getIModelState(props.mapping.imodelId, props.mapping.iModelName, props.odataFeedUrl);
-    if (state === ExtractionStates.Failed || state === ExtractionStates.Succeeded || state === ExtractionStates.None) {
-      setJobStarted(false);
-      if (initialLoad.current) {
-        initialLoad.current = false;
-        setExtractionState(ExtractionStates.None);
-        return;
+  const updateExtractionState = useCallback(async () =&gt; {
+    try {
+      const state = await props.bulkExtractor.getIModelState(props.mapping.imodelId, props.mapping.iModelName, props.odataFeedUrl);
+      if (state === ExtractionStates.Failed || state === ExtractionStates.Succeeded) {
+        if (extractionState === ExtractionStates.Running) {
+          setExtractionState(state);
+        }
+      } else {
+        setExtractionState(state);
       }
-    } else {
-      initialLoad.current = false;
+    } catch (error) {
+<span class="cstat-no" title="statement not covered" >      setExtractionState(ExtractionStates.Failed);</span>
+      /* eslint-disable no-console */
+<span class="cstat-no" title="statement not covered" >      console.error(error);</span>
     }
-    setExtractionState(state);
-  }, [props.mapping, props.bulkExtractor, props.odataFeedUrl]);
+  }, [props.bulkExtractor, props.mapping.imodelId, props.mapping.iModelName, props.odataFeedUrl, extractionState]);
 &nbsp;
   useEffect(() =&gt; {
-    if (jobStarted) {
-      getExtractionState().catch(<span class="fstat-no" title="function not covered" >(e</span>rror) =&gt; {
-<span class="cstat-no" title="statement not covered" >        setExtractionState(ExtractionStates.Failed);</span>
-<span class="cstat-no" title="statement not covered" >        setJobStarted(false);</span>
-        /* eslint-disable no-console */
-<span class="cstat-no" title="statement not covered" >        console.error(error);</span>
-      });
-      window.clearInterval(interval.current);
-      interval.current = window.setInterval(async () =&gt; {
-        await getExtractionState();
-      }, STATUS_CHECK_INTERVAL);
-    }
+    void updateExtractionState();
+  }, [extractionState, updateExtractionState]);
+&nbsp;
+  useEffect(() =&gt; {
+    window.clearInterval(interval.current);
+    if (extractionState === ExtractionStates.None) return;
+    interval.current = window.setInterval(async () =&gt; {
+      await updateExtractionState();
+    }, STATUS_CHECK_INTERVAL);
     return () =&gt; window.clearInterval(interval.current);
-  }, [jobStarted, getExtractionState]);
+  }, [extractionState, updateExtractionState]);
+&nbsp;
+  const handleUpdateDataset = useCallback(async () =&gt; {
+    setExtractionState(ExtractionStates.Starting);
+    const extractionRequestDetails: ExtractionRequestDetails = {
+      iModelId: props.mapping.imodelId,
+      mappings: [{ id: props.mapping.mappingId }],
+    };
+    await props.bulkExtractor.runIModelExtraction(extractionRequestDetails);
+    props.jobStartEvent.raiseEvent(props.mapping.imodelId);
+  }, [props.bulkExtractor, props.jobStartEvent, props.mapping.imodelId, props.mapping.mappingId]);
 &nbsp;
   return (
     &lt;HorizontalTile
       title={props.mapping.mappingName}
       subText={props.mapping.iModelName}
       titleTooltip={props.mapping.mappingDescription}
-      actionGroup={(
-        &lt;div
-          className="rcw-action-button"
-          data-testid="tile-action-button"&gt;
-          {extractionState === ExtractionStates.None ?
-            (
-              &lt;&gt;
-                &lt;IconButton
-                  styleType="borderless"
-                  title={ReportsConfigWidget.localization.getLocalizedString(
-                    "ReportsConfigWidget:UpdateDataset"
-                  )}
-                  onClick={async () =&gt; {
-                    setExtractionState(ExtractionStates.Starting);
-                    await props.bulkExtractor.runIModelExtraction(props.mapping.imodelId);
-                    props.jobStartEvent.raiseEvent(props.mapping.imodelId);
-                  }}
-                  disabled={jobStarted}
-                &gt;
-                  &lt;SvgPlay /&gt;
-                &lt;/IconButton&gt;
-                &lt;IconButton
-                  styleType="borderless"
-                  title={ReportsConfigWidget.localization.getLocalizedString(
-                    "ReportsConfigWidget:Remove"
-                  )}
-                  onClick={() =&gt; {
-                    props.onClickDelete();
-                  }}
-                &gt;
-                  &lt;SvgDelete /&gt;
-                &lt;/IconButton&gt;
-              &lt;/&gt;
-            ) : (
-              &lt;ExtractionStatus
-                state={extractionState}
-                clearExtractionState={() =&gt; {
-                  setExtractionState(ExtractionStates.None);
+      actionGroup={
+        &lt;div className="rcw-action-button" data-testid="tile-action-button"&gt;
+          {extractionState === ExtractionStates.None ? (
+            &lt;&gt;
+              &lt;IconButton
+                styleType="borderless"
+                title={ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:UpdateDataset")}
+                onClick={handleUpdateDataset}
+              &gt;
+                &lt;SvgPlay /&gt;
+              &lt;/IconButton&gt;
+              &lt;IconButton
+                styleType="borderless"
+                title={ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Remove")}
+                onClick={() =&gt; {
+                  props.onClickDelete();
                 }}
-              &gt;&lt;/ExtractionStatus&gt;
-            )}
-        &lt;/div &gt;
-      )}
+              &gt;
+                &lt;SvgDelete /&gt;
+              &lt;/IconButton&gt;
+            &lt;/&gt;
+          ) : (
+            &lt;ExtractionStatus
+              state={extractionState}
+              clearExtractionState={() =&gt; {
+                setExtractionState(ExtractionStates.None);
+              }}
+            &gt;&lt;/ExtractionStatus&gt;
+          )}
+        &lt;/div&gt;
+      }
     /&gt;
   );
 };
@@ -454,7 +430,7 @@ export const ReportMappingHorizontalTile = (props: ReportMappingHorizontalTilePr
             <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 2024-01-29T21:35:13.448Z
+                at 2024-06-10T17:38:17.498Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>