feat(datagrid-web): add show prop to RefreshIndicator and update usage in Widget component

Author: samuelreichert

packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid.scss

@@ -432,6 +432,10 @@ $root: ".widget-datagrid";
     &-refresh-container {
         grid-column: 1 / -1;
         padding: 0;
+
+        &--hidden {
+            display: none;
+        }
     }
 
     &-refresh-indicator {
@@ -444,6 +448,9 @@ $root: ".widget-datagrid";
         color: var(--brand-primary, $dg-brand-primary);
         height: 4px;
         width: 100%;
+        position: absolute;
+        left: 0;
+        right: 0;
 
         &::-webkit-progress-bar {
             background-color: transparent;

packages/pluggableWidgets/datagrid-web/src/components/RefreshIndicator.tsx

@@ -1,9 +1,14 @@
+import classNames from "classnames";
 import { createElement, ReactElement } from "react";
 
-export function RefreshIndicator(): ReactElement {
+export function RefreshIndicator({ show }: { show: boolean }): ReactElement {
     return (
         <div className="tr" role="row">
-            <div className="th widget-datagrid-refresh-container">
+            <div
+                className={classNames("th widget-datagrid-refresh-container", {
+                    "widget-datagrid-refresh-container--hidden": !show
+                })}
+            >
                 <progress className="widget-datagrid-refresh-indicator" />
             </div>
         </div>

packages/pluggableWidgets/datagrid-web/src/components/Widget.tsx

@@ -195,7 +195,7 @@ const Main = observer(<C extends GridColumn>(props: WidgetProps<C>): ReactElemen
                         isLoading={props.columnsLoading}
                         preview={props.preview}
                     />
-                    {showRefreshIndicator ? <RefreshIndicator /> : null}
+                    <RefreshIndicator show={showRefreshIndicator} />
                     <GridBody
                         isFirstLoad={props.isFirstLoad}
                         isFetchingNextBatch={props.isFetchingNextBatch}