@gooddata/sdk-ui-theme-provider 11.53.0-alpha.6 → 11.53.0

package/esm/ThemeProvider/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAWlD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;IAEzB;;;;;;OAMG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC;;;;OAIG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,EAC1B,QAAQ,EACR,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,cAAc,EACzB,QAAmB,EACnB,0BAAiC,EACjC,0BAAiC,EACpC,EAAE,mBAAmB,2CAkGrB"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAWlD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;IAEzB;;;;;;OAMG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC;;;;OAIG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,EAC1B,QAAQ,EACR,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,cAAc,EACzB,QAAmB,EACnB,0BAAiC,EACjC,0BAAiC,EACpC,EAAE,mBAAmB,2CAwGrB"}

package/esm/ThemeProvider/ThemeProvider.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // (C) 2020-2026 GoodData Corporation
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useState } from "react";
 import { useBackend, useWorkspace } from "@gooddata/sdk-ui";
 import { clearCssProperties, setCssProperties } from "../cssProperties.js";
 import { ThemeContextProvider } from "./Context.js";
@@ -25,9 +25,11 @@ export function ThemeProvider({ children, theme: themeParam, backend: backendPar
     const [referenceTheme, setReferenceTheme] = useState(themeParam ?? {});
     const [isLoading, setIsLoading] = useState(false);
     const [status, setStatus] = useState("pending");
-    const lastWorkspace = useRef(undefined);
-    lastWorkspace.current = workspace;
     useEffect(() => {
+        // Marks the in-flight getTheme() as stale once this effect is torn down - either because the
+        // workspace/backend changed or because the component unmounted. Without it a late resolution
+        // would re-inject the global styles that the unmount cleanup below has just removed.
+        let cancelled = false;
         // A malformed theme (e.g. an unparseable color) must never block rendering. Preparing and
         // applying the theme is wrapped so any failure falls back to the default theme and always
         // resolves the loading state, instead of leaving the app stuck on the loading screen.
@@ -60,7 +62,7 @@ export function ThemeProvider({ children, theme: themeParam, backend: backendPar
         // no need to load anything if the themeParam is present
         if (themeParam) {
             applyTheme(themeParam);
-            return;
+            return undefined;
         }
         const fetchData = async () => {
             if (!backend || !workspace) {
@@ -71,12 +73,12 @@ export function ThemeProvider({ children, theme: themeParam, backend: backendPar
             setStatus("loading");
             try {
                 const selectedTheme = await backend.workspace(workspace).styling().getTheme();
-                if (lastWorkspace.current === workspace) {
+                if (!cancelled) {
                     applyTheme(modifier(selectedTheme));
                 }
             }
             catch (error) {
-                if (lastWorkspace.current === workspace) {
+                if (!cancelled) {
                     // covers both the backend fetch and the modifier transformation of the theme
                     console.error("Failed to load or process the theme from the backend.", error);
                     // reset both channels (context theme and global CSS) to the default theme so
@@ -90,6 +92,9 @@ export function ThemeProvider({ children, theme: themeParam, backend: backendPar
             }
         };
         void fetchData();
+        return () => {
+            cancelled = true;
+        };
     }, [themeParam, workspace, backend, modifier, enableComplementaryPalette]);
     useEffect(() => {
         return () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-theme-provider",
-  "version": "11.53.0-alpha.6",
+  "version": "11.53.0",
   "description": "GoodData SDK - Theme provider",
   "license": "MIT",
   "author": "GoodData Corporation",
@@ -32,10 +32,10 @@
     "postcss-value-parser": "^4.2.0",
     "ts-invariant": "0.10.3",
     "tslib": "2.8.1",
-    "@gooddata/sdk-backend-spi": "11.53.0-alpha.6",
-    "@gooddata/sdk-model": "11.53.0-alpha.6",
-    "@gooddata/sdk-ui": "11.53.0-alpha.6",
-    "@gooddata/util": "11.53.0-alpha.6"
+    "@gooddata/sdk-backend-spi": "11.53.0",
+    "@gooddata/sdk-ui": "11.53.0",
+    "@gooddata/sdk-model": "11.53.0",
+    "@gooddata/util": "11.53.0"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "^7.17.0",
@@ -73,10 +73,10 @@
     "react-dom": "19.1.1",
     "typescript": "5.9.3",
     "vitest": "4.1.8",
-    "@gooddata/eslint-config": "11.53.0-alpha.6",
-    "@gooddata/oxlint-config": "11.53.0-alpha.6",
-    "@gooddata/reference-workspace": "11.53.0-alpha.6",
-    "@gooddata/sdk-backend-mockingbird": "11.53.0-alpha.6"
+    "@gooddata/eslint-config": "11.53.0",
+    "@gooddata/oxlint-config": "11.53.0",
+    "@gooddata/reference-workspace": "11.53.0",
+    "@gooddata/sdk-backend-mockingbird": "11.53.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",