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

package/esm/cssProperties.d.ts

@@ -6,8 +6,19 @@ export declare function handleUnits(value: string): string;
  */
 export type ParserFunction = {
     key: string;
-    fn: (value: any, isScoped?: boolean, scopeTo?: HTMLElement, scopeId?: string) => string;
+    /**
+     * Returns the CSS value, an empty string to emit nothing, or an object to keep descending into.
+     */
+    fn: (value: any, isScoped?: boolean, scopeTo?: HTMLElement, scopeId?: string) => string | object;
 };
+/**
+ * @internal
+ */
+export declare function handleReportLength(value: unknown): string;
+/**
+ * @internal
+ */
+export declare function handleReportLineHeight(value: unknown): string;
 /**
  * @internal
  */

package/esm/cssProperties.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cssProperties.d.ts","sourceRoot":"","sources":["../src/cssProperties.ts"],"names":[],"mappings":"AAIA,OAAO,EACH,KAAK,MAAM,EAGX,KAAK,aAAa,EAErB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,kBAAkB,CAAC;AAsEpE,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMjD;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3F,CAAC;AA+EF;;GAEG;AACH,wBAAgB,yBAAyB,CACrC,MAAM,EAAE,MAAM,EACd,eAAe,GAAE,cAAc,EAAO,EACtC,UAAU,SAAS,EACnB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,WAAW,EACrB,OAAO,CAAC,EAAE,MAAM,GACjB,WAAW,EAAE,CA+Bf;AAeD,eAAO,MAAM,mBAAmB,YAAa,aAAa,eAAe,OAAO,KAAG,WAAW,EAa7F,CAAC;AAEF,eAAO,MAAM,kBAAkB,cAAe,OAAO,YAAY,WAAW,YAAY,MAAM,KAAG,IAyBhG,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,CAC5B,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,OAAO,EACpB,QAAQ,GAAE,OAAe,EACzB,OAAO,CAAC,EAAE,WAAW,EACrB,OAAO,CAAC,EAAE,MAAM,GACjB,IAAI,CA0DN"}
+{"version":3,"file":"cssProperties.d.ts","sourceRoot":"","sources":["../src/cssProperties.ts"],"names":[],"mappings":"AAIA,OAAO,EACH,KAAK,MAAM,EAGX,KAAK,aAAa,EAErB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,kBAAkB,CAAC;AAsEpE,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMjD;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,EAAE,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;CACpG,CAAC;AAsBF;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAEzD;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAK7D;AAyGD;;GAEG;AACH,wBAAgB,yBAAyB,CACrC,MAAM,EAAE,MAAM,EACd,eAAe,GAAE,cAAc,EAAO,EACtC,UAAU,SAAS,EACnB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,WAAW,EACrB,OAAO,CAAC,EAAE,MAAM,GACjB,WAAW,EAAE,CA2Bf;AAeD,eAAO,MAAM,mBAAmB,YAAa,aAAa,eAAe,OAAO,KAAG,WAAW,EAa7F,CAAC;AAEF,eAAO,MAAM,kBAAkB,cAAe,OAAO,YAAY,WAAW,YAAY,MAAM,KAAG,IAyBhG,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,CAC5B,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,OAAO,EACpB,QAAQ,GAAE,OAAe,EACzB,OAAO,CAAC,EAAE,WAAW,EACrB,OAAO,CAAC,EAAE,MAAM,GACjB,IAAI,CA0DN"}

package/esm/cssProperties.js

@@ -58,6 +58,55 @@ export function handleUnits(value) {
     }
     return value;
 }
+// A report page scales with its width, so its lengths are read against that width: a bare number is
+// cqw. The units are the ones that follow it — `cqh` and `cqb` are left out although they parse,
+// because a page contains its inline axis only and a block unit silently resolves against the
+// viewport instead; `px` and `rem` are left out because they hold their size while the page changes.
+const REPORT_LENGTH = /^\d+(\.\d+)?(cqw|cqi|em|%)$/;
+function reportLength(value, bare) {
+    if (typeof value === "number") {
+        return Number.isFinite(value) && value >= 0 ? bare(value) : "";
+    }
+    if (typeof value !== "string") {
+        return "";
+    }
+    const trimmed = value.trim();
+    if (trimmed !== "" && parseFloat(trimmed).toString() === trimmed && parseFloat(trimmed) >= 0) {
+        return bare(parseFloat(trimmed));
+    }
+    return REPORT_LENGTH.test(trimmed) ? trimmed : "";
+}
+/**
+ * @internal
+ */
+export function handleReportLength(value) {
+    return reportLength(value, (n) => `${n}cqw`);
+}
+/**
+ * @internal
+ */
+export function handleReportLineHeight(value) {
+    // CSS reads a bare line height as a multiple of the font size, which is what anyone writing
+    // `1.5` means; reading it as a share of the page width the way a size is read would set a
+    // heading's lines closer together than its letters are tall.
+    return reportLength(value, (n) => `${n}`);
+}
+const REPORT_TEXT_LEVELS = [
+    ...["h1", "h2", "h3", "h4", "h5", "h6"].map((level) => `heading-${level}`),
+    ...["p1", "p2", "p3"].map((level) => `paragraph-${level}`),
+];
+const reportLengthParserFunctions = [
+    ...REPORT_TEXT_LEVELS.map((level) => ({
+        key: `--gd-reports-textStyle-${level}-fontSize`,
+        fn: handleReportLength,
+    })),
+    ...[
+        "--gd-reports-textStyle-lineHeight",
+        "--gd-reports-textStyle-heading-lineHeight",
+        "--gd-reports-textStyle-paragraph-lineHeight",
+        ...REPORT_TEXT_LEVELS.map((level) => `--gd-reports-textStyle-${level}-lineHeight`),
+    ].map((key) => ({ key, fn: handleReportLineHeight })),
+];
 const customParserFunctions = [
     {
         key: "--gd-typography-font",
@@ -123,6 +172,14 @@ const customParserFunctions = [
         fn: (value) => (value ? DEFAULT_WIDGET_SHADOW : "none"),
     },
     { key: "--gd-palette-complementary", fn: () => "" },
+    // Not CSS: the content version, the image assets and the font files are read by the reports
+    // application from the theme object itself.
+    { key: "--gd-version", fn: () => "" },
+    { key: "--gd-assets", fn: () => "" },
+    { key: "--gd-reports-textStyle-typography-fonts", fn: () => "" },
+    // Inline colors become indexed variables; a palette reference is resolved by the application.
+    { key: "--gd-reports-visualizationPalette", fn: (value) => (Array.isArray(value) ? value : "") },
+    ...reportLengthParserFunctions,
 ];
 /**
  * @internal
@@ -137,12 +194,8 @@ export function parseThemeToCssProperties(object, parserFunctions = [], currentK
             if (newValue !== null && typeof newValue === "object") {
                 cssProperties.push(...parseThemeToCssProperties(newValue, parserFunctions, newKey, isScoped, scopeTo, scopeId));
             }
-            else {
-                const parse = parserFunctions.find((exception) => exception.key === newKey);
-                const newValue = parse ? parse.fn(value, isScoped, scopeTo, scopeId) : value;
-                if (newValue !== undefined) {
-                    cssProperties.push({ key: newKey, value: newValue });
-                }
+            else if (newValue !== "") {
+                cssProperties.push({ key: newKey, value: newValue });
             }
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-theme-provider",
-  "version": "11.57.0-alpha.4",
+  "version": "11.57.0-alpha.6",
   "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-model": "11.57.0-alpha.4",
-    "@gooddata/sdk-ui": "11.57.0-alpha.4",
-    "@gooddata/util": "11.57.0-alpha.4",
-    "@gooddata/sdk-backend-spi": "11.57.0-alpha.4"
+    "@gooddata/sdk-backend-spi": "11.57.0-alpha.6",
+    "@gooddata/sdk-model": "11.57.0-alpha.6",
+    "@gooddata/sdk-ui": "11.57.0-alpha.6",
+    "@gooddata/util": "11.57.0-alpha.6"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "7.30.10",
@@ -60,19 +60,19 @@
     "eslint-plugin-sonarjs": "3.0.6",
     "happy-dom": "20.12.0",
     "npm-run-all": "4.1.5",
-    "oxfmt": "0.66.0",
-    "oxlint": "1.82.0",
+    "oxfmt": "0.68.0",
+    "oxlint": "1.83.0",
     "oxlint-plugin-eslint": "1.82.0",
-    "oxlint-tsgolint": "0.22.1",
+    "oxlint-tsgolint": "7.0.2001",
     "raf": "3.4.1",
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "typescript": "7.0.2",
     "vitest": "4.1.8",
-    "@gooddata/eslint-config": "11.57.0-alpha.4",
-    "@gooddata/sdk-backend-mockingbird": "11.57.0-alpha.4",
-    "@gooddata/oxlint-config": "11.57.0-alpha.4",
-    "@gooddata/reference-workspace": "11.57.0-alpha.4"
+    "@gooddata/eslint-config": "11.57.0-alpha.6",
+    "@gooddata/oxlint-config": "11.57.0-alpha.6",
+    "@gooddata/reference-workspace": "11.57.0-alpha.6",
+    "@gooddata/sdk-backend-mockingbird": "11.57.0-alpha.6"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",