Merge pull request #5991 from gooddata/SHA_master

fix: long table is blank on content slide

Author: hackerstanislav

libs/sdk-ui-dashboard/src/presentation/widget/insight/ViewModeDashboardInsight/Insight/DashboardInsight.tsx

@@ -131,6 +131,7 @@ export const DashboardInsight = (props: IDashboardInsightProps): JSX.Element =>
 
     // Loading and rendering
     const [isVisualizationLoading, setIsVisualizationLoading] = useState(false);
+    const [isVisualizationInitializing, setIsVisualizationInitializing] = useState(true);
     const [visualizationError, setVisualizationError] = useState<GoodDataSdkError | undefined>();
 
     const { onRequestAsyncRender, onResolveAsyncRender } = useDashboardAsyncRender(objRefToString(ref));
@@ -163,6 +164,7 @@ export const DashboardInsight = (props: IDashboardInsightProps): JSX.Element =>
             }
             executionsHandler.onLoadingChanged({ isLoading });
             setIsVisualizationLoading(isLoading);
+            setIsVisualizationInitializing(isLoading);
             onLoadingChanged?.({ isLoading });
         },
         [
@@ -276,7 +278,11 @@ export const DashboardInsight = (props: IDashboardInsightProps): JSX.Element =>
     // if filter status is success and visualization is loading, render both loading and insight
     const loading = filtersStatus === "running" || isVisualizationLoading;
 
-    const exportDataVis = useVisualizationExportData(exportData, loading, !!effectiveError);
+    const exportDataVis = useVisualizationExportData(
+        exportData,
+        isVisualizationInitializing,
+        !!effectiveError,
+    );
 
     const renderComponent = () => {
         if (effectiveError) {

libs/sdk-ui-pivot/src/CorePivotTable.tsx

@@ -221,6 +221,7 @@ export class CorePivotTableAgImpl extends React.Component<ICorePivotTableProps,
             resized: false,
             tempExecution: execution,
             isLoading: false,
+            isFirstRender: false,
         };
 
         this.errorMap = newErrorMapping(props.intl);
@@ -631,6 +632,7 @@ export class CorePivotTableAgImpl extends React.Component<ICorePivotTableProps,
         }
 
         this.updateStickyRow();
+        this.onLoadingAndRenderChanged(false, true);
     };
 
     private onModelUpdated = () => {
@@ -817,12 +819,18 @@ export class CorePivotTableAgImpl extends React.Component<ICorePivotTableProps,
     };
 
     private onLoadingChanged = (loadingState: ILoadingState): void => {
+        this.onLoadingAndRenderChanged(loadingState.isLoading, this.state.isFirstRender);
+    };
+
+    private onLoadingAndRenderChanged = (isLoading: boolean, isFirstRender: boolean): void => {
         const { onLoadingChanged } = this.props;
 
         if (onLoadingChanged) {
-            onLoadingChanged(loadingState);
+            onLoadingChanged({
+                isLoading: isLoading || !isFirstRender,
+            });
 
-            this.setState({ isLoading: loadingState.isLoading });
+            this.setState({ isLoading, isFirstRender });
         }
     };
 
@@ -833,7 +841,7 @@ export class CorePivotTableAgImpl extends React.Component<ICorePivotTableProps,
             this.setState({ error: error.getMessage(), readyToRender: true });
 
             // update loading state when an error occurs
-            this.onLoadingChanged({ isLoading: false });
+            this.onLoadingAndRenderChanged(false, true);
 
             onExportReady!(createExportErrorFunction(error));
 

libs/sdk-ui-pivot/src/tableState.ts

@@ -1,4 +1,4 @@
-// (C) 2007-2021 GoodData Corporation
+// (C) 2007-2025 GoodData Corporation
 import { ITotal } from "@gooddata/sdk-model";
 import { IPreparedExecution } from "@gooddata/sdk-backend-spi";
 import { TableFacadeInitializer } from "./impl/tableFacadeInitializer.js";
@@ -14,6 +14,7 @@ export interface ICorePivotTableState {
     resized: boolean;
     tempExecution: IPreparedExecution;
     isLoading: boolean;
+    isFirstRender: boolean;
     error?: string;
 }