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

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">98.57% </span>
+                <span class="strong">92.04% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>69/70</span>
+                <span class='fraction'>81/88</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">78.94% </span>
+                <span class="strong">78.84% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>45/57</span>
+                <span class='fraction'>41/52</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">83.33% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>16/16</span>
+                <span class='fraction'>20/24</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">95.18% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>68/68</span>
+                <span class='fraction'>79/83</span>
             </div>
         
             
@@ -311,7 +311,13 @@
 <a name='L246'></a><a href='#L246'>246</a>
 <a name='L247'></a><a href='#L247'>247</a>
 <a name='L248'></a><a href='#L248'>248</a>
-<a name='L249'></a><a href='#L249'>249</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L249'></a><a href='#L249'>249</a>
+<a name='L250'></a><a href='#L250'>250</a>
+<a name='L251'></a><a href='#L251'>251</a>
+<a name='L252'></a><a href='#L252'>252</a>
+<a name='L253'></a><a href='#L253'>253</a>
+<a name='L254'></a><a href='#L254'>254</a>
+<a name='L255'></a><a href='#L255'>255</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>
@@ -319,15 +325,11 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-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-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-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">4x</span>
@@ -349,6 +351,8 @@
 <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-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>
@@ -382,66 +386,79 @@
 <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">67x</span>
-<span class="cline-any cline-yes">67x</span>
-<span class="cline-any cline-yes">67x</span>
-<span class="cline-any cline-yes">67x</span>
+<span class="cline-any cline-yes">70x</span>
+<span class="cline-any cline-yes">70x</span>
+<span class="cline-any cline-yes">70x</span>
+<span class="cline-any cline-yes">70x</span>
+<span class="cline-any cline-yes">70x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">67x</span>
+<span class="cline-any cline-yes">70x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">67x</span>
-<span class="cline-any cline-yes">67x</span>
-<span class="cline-any cline-yes">67x</span>
+<span class="cline-any cline-yes">70x</span>
+<span class="cline-any cline-yes">70x</span>
+<span class="cline-any cline-yes">70x</span>
+<span class="cline-any cline-yes">70x</span>
+<span class="cline-any cline-yes">25x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">67x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">70x</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">67x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">70x</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">70x</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-yes">67x</span>
+<span class="cline-any cline-yes">70x</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">67x</span>
+<span class="cline-any cline-yes">70x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">49x</span>
-<span class="cline-any cline-yes">161x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">195x</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">67x</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">70x</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-yes">2x</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-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">70x</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">70x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">62x</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">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>
@@ -453,6 +470,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">65x</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,6 +481,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">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>
@@ -473,17 +492,10 @@
 <span class="cline-any cline-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-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">167x</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>
@@ -491,17 +503,12 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">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>
-<span class="cline-any cline-yes">167x</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-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -512,9 +519,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">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>
@@ -523,17 +527,25 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">209x</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>
 <span class="cline-any cline-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>
 <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-yes">25x</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>
@@ -565,15 +577,11 @@
 *--------------------------------------------------------------------------------------------*/
 import {
   SvgAdd,
-  SvgDelete,
-  SvgEdit,
-  SvgMore,
+  SvgRefresh,
 } from "@itwin/itwinui-icons-react";
 import {
   Button,
-  DropdownMenu,
   IconButton,
-  MenuItem,
   Surface,
 } from "@itwin/itwinui-react";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
@@ -591,12 +599,14 @@ import type { Report } from "@itwin/insights-client";
 import { REPORTING_BASE_PATH, ReportsClient } from "@itwin/insights-client";
 import ReportAction from "./ReportAction";
 import { ReportMappings } from "./ReportMappings";
-import { HorizontalTile } from "./HorizontalTile";
+import { ReportHorizontalTile } from "./ReportHorizontalTile";
 import { SearchBar } from "./SearchBar";
 import type { ReportsApiConfig } from "../context/ReportsApiConfigContext";
 import { useReportsApiConfig } from "../context/ReportsApiConfigContext";
 import { ReportsConfigWidget } from "../../ReportsConfigWidget";
 import { useActiveIModelConnection } from "@itwin/appui-react";
+import BulkExtractor from "./BulkExtractor";
+import { BeEvent } from "@itwin/core-bentley";
 &nbsp;
 export type ReportType = CreateTypeFromInterface&lt;Report&gt;;
 &nbsp;
@@ -632,6 +642,7 @@ const fetchReports = async (
 export const Reports = () =&gt; {
   const iTwinId = useActiveIModelConnection()<span class="branch-0 cbranch-no" title="branch not covered" >?.i</span>TwinId ?? <span class="branch-1 cbranch-no" title="branch not covered" >"";</span>
   const apiConfig = useReportsApiConfig();
+  const [selectedReportIds, setSelectedReportIds] = useState&lt;string[]&gt;([]);
   const [showDeleteModal, setShowDeleteModal] = useState&lt;boolean&gt;(false);
   const [reportsView, setReportsView] = useState&lt;ReportsView&gt;(
     ReportsView.REPORTS
@@ -642,6 +653,14 @@ export const Reports = () =&gt; {
   const [isLoading, setIsLoading] = useState&lt;boolean&gt;(true);
   const [searchValue, setSearchValue] = useState&lt;string&gt;("");
   const [reports, setReports] = useState&lt;Report[]&gt;([]);
+  const bulkExtractor = useMemo(
+    () =&gt; new BulkExtractor(apiConfig, reports.map((r) =&gt; r.id)),
+    [apiConfig, reports]
+  );
+  const jobStartEvent = useMemo(
+    () =&gt; new BeEvent&lt;(reportId: string) =&gt; void&gt;(),
+    []
+  );
 &nbsp;
   useEffect(() =&gt; {
     void fetchReports(setReports, iTwinId, setIsLoading, apiConfig);
@@ -667,6 +686,25 @@ export const Reports = () =&gt; {
       ),
     [reports, searchValue]
   );
+&nbsp;
+  const onSelectionChange = (reportId: string, control: boolean) =&gt; {
+    if (!control)
+      setSelectedReportIds([]);
+&nbsp;
+    setSelectedReportIds((sr) =&gt;
+      sr.some(<span class="fstat-no" title="function not covered" >(r</span>) =&gt; <span class="cstat-no" title="statement not covered" >reportId === r)</span>
+        ? <span class="branch-0 cbranch-no" title="branch not covered" >sr.filter(</span>
+<span class="fstat-no" title="function not covered" >          (r</span>) =&gt; <span class="cstat-no" title="statement not covered" >reportId !== r</span>
+        )
+        : [...sr, reportId]
+    );
+  };
+&nbsp;
+  const updateDatasets = useCallback(<span class="fstat-no" title="function not covered" >async </span>() =&gt; {
+<span class="cstat-no" title="statement not covered" >    selectedReportIds.map(<span class="fstat-no" title="function not covered" >(r</span>eportId) =&gt; <span class="cstat-no" title="statement not covered" >jobStartEvent.raiseEvent(reportId))</span>;</span>
+<span class="cstat-no" title="statement not covered" >    setSelectedReportIds([]);</span>
+<span class="cstat-no" title="statement not covered" >    await bulkExtractor.startJobs(selectedReportIds);</span>
+  }, [selectedReportIds, jobStartEvent, bulkExtractor]);
 &nbsp;
   switch (reportsView) {
     case ReportsView.ADDING:
@@ -694,7 +732,7 @@ export const Reports = () =&gt; {
             )}
           /&gt;
           &lt;Surface className="reports-list-container"&gt;
-            &lt;div className="toolbar"&gt;
+            &lt;div className="rcw-toolbar"&gt;
               &lt;Button
                 startIcon={&lt;SvgAdd /&gt;}
                 onClick={() =&gt; addReport()}
@@ -704,12 +742,23 @@ export const Reports = () =&gt; {
                   "ReportsConfigWidget:New"
                 )}
               &lt;/Button&gt;
-              &lt;div className="search-bar-container" data-testid="search-bar"&gt;
-                &lt;SearchBar
-                  searchValue={searchValue}
-                  setSearchValue={setSearchValue}
-                  disabled={isLoading}
-                /&gt;
+              &lt;IconButton
+                title={ReportsConfigWidget.localization.getLocalizedString(
+                  "ReportsConfigWidget:UpdateDatasets"
+                )}
+                onClick={updateDatasets}
+                disabled={selectedReportIds.length === 0}
+              &gt;
+                &lt;SvgRefresh /&gt;
+              &lt;/IconButton&gt;
+              &lt;div className="rcw-search-bar-container" data-testid="search-bar"&gt;
+                &lt;div className="rcw-search-button"&gt;
+                  &lt;SearchBar
+                    searchValue={searchValue}
+                    setSearchValue={setSearchValue}
+                    disabled={isLoading}
+                  /&gt;
+                &lt;/div&gt;
               &lt;/div&gt;
             &lt;/div&gt;
             {isLoading ? (
@@ -721,7 +770,7 @@ export const Reports = () =&gt; {
                     "ReportsConfigWidget:NoReports"
                   )}
                   &lt;div&gt;
-                    &lt;Button onClick={() =&gt; addReport()} styleType="cta"&gt;
+                    &lt;Button onClick={addReport} styleType="cta"&gt;
                       {ReportsConfigWidget.localization.getLocalizedString(
                         "ReportsConfigWidget:CreateOneReportCTA"
                       )}
@@ -730,58 +779,27 @@ export const Reports = () =&gt; {
                 &lt;/&gt;
               &lt;/EmptyMessage&gt;
             ) : (
-              &lt;div className="reports-list"&gt;
+              &lt;div className="rcw-reports-list"&gt;
                 {filteredReports.map((report) =&gt; (
-                  &lt;HorizontalTile
+                  &lt;ReportHorizontalTile
                     key={report.id}
-                    title={report.displayName}
-                    subText={report.description ?? <span class="branch-1 cbranch-no" title="branch not covered" >""}</span>
-                    subtextToolTip={report.description ?? <span class="branch-1 cbranch-no" title="branch not covered" >""}</span>
-                    titleTooltip={report.displayName}
+                    report={report}
                     onClickTitle={() =&gt; {
                       setSelectedReport(report);
                       setReportsView(ReportsView.REPORTSMAPPING);
                     }}
-                    button={
-                      &lt;DropdownMenu
-                        menuItems={(close: () =&gt; void) =&gt; [
-                          &lt;MenuItem
-                            key={0}
-                            onClick={() =&gt; {
-                              setSelectedReport(report);
-                              setReportsView(ReportsView.MODIFYING);
-                            }}
-                            icon={&lt;SvgEdit /&gt;}
-                          &gt;
-                            {ReportsConfigWidget.localization.getLocalizedString(
-                              "ReportsConfigWidget:Modify"
-                            )}
-                          &lt;/MenuItem&gt;,
-                          &lt;MenuItem
-                            key={1}
-                            onClick={() =&gt; {
-                              setSelectedReport(report);
-                              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;
-                    }
+                    jobStartEvent={jobStartEvent}
+                    bulkExtractor={bulkExtractor}
+                    onClickDelete={() =&gt; {
+                      setSelectedReport(report);
+                      setShowDeleteModal(true);
+                    }}
+                    onClickModify={() =&gt; {
+                      setSelectedReport(report);
+                      setReportsView(ReportsView.MODIFYING);
+                    }}
+                    onSelectionChange={onSelectionChange}
+                    selected={selectedReportIds.some((reportId) =&gt; report.id === reportId)}
                   /&gt;
                 ))}
               &lt;/div&gt;
@@ -814,7 +832,7 @@ export const Reports = () =&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 Sep 12 2022 19:50:35 GMT+0000 (Coordinated Universal Time)
+                at Mon Oct 31 2022 19:03:26 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -208,7 +208,7 @@ export default ReportsContainer;
             <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 Sep 12 2022 19:50:35 GMT+0000 (Coordinated Universal Time)
+                at Mon Oct 31 2022 19:03:26 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -146,10 +146,10 @@
 <span class="cline-any cline-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">156x</span>
-<span class="cline-any cline-yes">156x</span>
+<span class="cline-any cline-yes">159x</span>
+<span class="cline-any cline-yes">159x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">156x</span>
+<span class="cline-any cline-yes">159x</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>
@@ -212,7 +212,7 @@ export const SearchBar = ({
   const [searchBarClosing, setSearchBarClosing] = useState&lt;boolean&gt;(false);
 &nbsp;
   return searchBarOpen || searchValue ? (
-    &lt;div
+    &lt;div className="rcw-search-button"
       style={{
         animation: searchBarClosing ? <span class="branch-0 cbranch-no" title="branch not covered" >"rcw-shrink .5s" </span>: "rcw-expand .5s",
       }}
@@ -256,7 +256,7 @@ export const SearchBar = ({
             <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 Sep 12 2022 19:50:35 GMT+0000 (Coordinated Universal Time)
+                at Mon Oct 31 2022 19:03:26 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -376,7 +376,7 @@ export const SelectIModel = ({
             <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 Sep 12 2022 19:50:35 GMT+0000 (Coordinated Universal Time)
+                at Mon Oct 31 2022 19:03:26 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>