feat(datagrid-web): add refreshIndicator prop to Widget and update GridBody component

Author: samuelreichert

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

@@ -8,7 +8,7 @@ interface Props {
     className?: string;
     children?: React.ReactNode;
     loadingType: LoadingTypeEnum;
-    isLoading: boolean;
+    // isLoading: boolean;
     isFetchingNextBatch?: boolean;
     columnsHidable: boolean;
     columnsSize: number;
@@ -20,9 +20,9 @@ export function GridBody(props: Props): ReactElement {
     const { children } = props;
 
     const content = (): React.ReactElement => {
-        if (props.isLoading) {
-            return <Loader {...props} rowsSize={props.rowsSize > 0 ? props.rowsSize : props.pageSize} />;
-        }
+        // if (props.isLoading) {
+        //     return <Loader {...props} rowsSize={props.rowsSize > 0 ? props.rowsSize : props.pageSize} />;
+        // }
         return (
             <Fragment>
                 {children}

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

@@ -70,6 +70,7 @@ export interface WidgetProps<C extends GridColumn, T extends ObjectItem = Object
     isFetchingNextBatch: boolean;
     loadingType: LoadingTypeEnum;
     columnsLoading: boolean;
+    refreshIndicator: boolean;
 
     // Helpers
     cellEventsController: EventsController;
@@ -132,6 +133,7 @@ const Main = observer(<C extends GridColumn>(props: WidgetProps<C>): ReactElemen
         paging,
         pagingPosition,
         preview,
+        refreshIndicator,
         selectActionHelper,
         setPage,
         visibleColumns
@@ -190,9 +192,9 @@ const Main = observer(<C extends GridColumn>(props: WidgetProps<C>): ReactElemen
                         isLoading={props.columnsLoading}
                         preview={props.preview}
                     />
-                    <RefreshIndicator />
+                    {refreshIndicator && props.isLoading ? <RefreshIndicator /> : null}
                     <GridBody
-                        isLoading={props.isLoading}
+                        // isLoading={props.isLoading}
                         isFetchingNextBatch={props.isFetchingNextBatch}
                         loadingType={props.loadingType}
                         columnsHidable={columnsHidable}