@gooddata/sdk-ui-theme-provider 10.44.0-alpha.3 → 10.44.0-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/ThemeProvider/ConditionalScopedThemeProvider.d.ts +3 -3
- package/esm/ThemeProvider/ConditionalScopedThemeProvider.d.ts.map +1 -1
- package/esm/ThemeProvider/ConditionalScopedThemeProvider.js +2 -3
- package/esm/ThemeProvider/ConditionalScopedThemeProvider.js.map +1 -1
- package/esm/ThemeProvider/Context.d.ts +7 -7
- package/esm/ThemeProvider/Context.d.ts.map +1 -1
- package/esm/ThemeProvider/Context.js +14 -16
- package/esm/ThemeProvider/Context.js.map +1 -1
- package/esm/ThemeProvider/ScopedThemeProvider.d.ts +3 -3
- package/esm/ThemeProvider/ScopedThemeProvider.d.ts.map +1 -1
- package/esm/ThemeProvider/ScopedThemeProvider.js +5 -5
- package/esm/ThemeProvider/ScopedThemeProvider.js.map +1 -1
- package/esm/ThemeProvider/ThemeProvider.d.ts +3 -3
- package/esm/ThemeProvider/ThemeProvider.d.ts.map +1 -1
- package/esm/ThemeProvider/ThemeProvider.js +4 -3
- package/esm/ThemeProvider/ThemeProvider.js.map +1 -1
- package/esm/sdk-ui-theme-provider.d.ts +12 -10
- package/esm/variablesSpec/DefaultThemePreview.d.ts +1 -2
- package/esm/variablesSpec/DefaultThemePreview.d.ts.map +1 -1
- package/esm/variablesSpec/DefaultThemePreview.js +9 -41
- package/esm/variablesSpec/DefaultThemePreview.js.map +1 -1
- package/package.json +13 -13
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
2
|
/**
|
|
3
3
|
* This component is used to wrap portal rendered components that are not part of the regular component tree
|
|
4
4
|
* to ensure that the scoped theme is applied.
|
|
@@ -6,6 +6,6 @@ import React from "react";
|
|
|
6
6
|
* @internal
|
|
7
7
|
*/
|
|
8
8
|
export declare function ConditionalScopedThemeProvider({ children }: {
|
|
9
|
-
children:
|
|
10
|
-
}):
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
}): ReactNode;
|
|
11
11
|
//# sourceMappingURL=ConditionalScopedThemeProvider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionalScopedThemeProvider.d.ts","sourceRoot":"","sources":["../../src/ThemeProvider/ConditionalScopedThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"ConditionalScopedThemeProvider.d.ts","sourceRoot":"","sources":["../../src/ThemeProvider/ConditionalScopedThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC;;;;;GAKG;AACH,wBAAgB,8BAA8B,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,SAAS,CAS/F"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import React from "react";
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { useIsScopeThemed, useTheme } from "./Context.js";
|
|
4
3
|
import { ScopedThemeProvider } from "./ScopedThemeProvider.js";
|
|
5
4
|
/**
|
|
@@ -11,6 +10,6 @@ import { ScopedThemeProvider } from "./ScopedThemeProvider.js";
|
|
|
11
10
|
export function ConditionalScopedThemeProvider({ children }) {
|
|
12
11
|
const theme = useTheme();
|
|
13
12
|
const isScopeThemed = useIsScopeThemed();
|
|
14
|
-
return theme && isScopeThemed ? (
|
|
13
|
+
return theme && isScopeThemed ? (_jsx(ScopedThemeProvider, { theme: theme, children: children })) : (children);
|
|
15
14
|
}
|
|
16
15
|
//# sourceMappingURL=ConditionalScopedThemeProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionalScopedThemeProvider.js","sourceRoot":"","sources":["../../src/ThemeProvider/ConditionalScopedThemeProvider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ConditionalScopedThemeProvider.js","sourceRoot":"","sources":["../../src/ThemeProvider/ConditionalScopedThemeProvider.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D;;;;;GAKG;AACH,MAAM,UAAU,8BAA8B,CAAC,EAAE,QAAQ,EAA2B;IAChF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IAEzC,OAAO,KAAK,IAAI,aAAa,CAAC,CAAC,CAAC,CAC5B,KAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAuB,CACtE,CAAC,CAAC,CAAC,CACA,QAAQ,CACX,CAAC;AACN,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ComponentType, ReactNode } from "react";
|
|
2
2
|
import { ITheme } from "@gooddata/sdk-model";
|
|
3
3
|
/**
|
|
4
4
|
* @public
|
|
@@ -32,14 +32,14 @@ export interface IThemeContextProviderProps {
|
|
|
32
32
|
/**
|
|
33
33
|
* React children
|
|
34
34
|
*/
|
|
35
|
-
children?:
|
|
35
|
+
children?: ReactNode;
|
|
36
36
|
}
|
|
37
37
|
/**
|
|
38
38
|
* Provides the theme object, themeIsLoading flag and themeStatus into context
|
|
39
39
|
*
|
|
40
40
|
* @public
|
|
41
41
|
*/
|
|
42
|
-
export declare function ThemeContextProvider({ children, theme, themeIsLoading, themeStatus, isScopeThemed, }: IThemeContextProviderProps):
|
|
42
|
+
export declare function ThemeContextProvider({ children, theme, themeIsLoading, themeStatus, isScopeThemed, }: IThemeContextProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
43
43
|
/**
|
|
44
44
|
* Hook for reaching the theme from context.
|
|
45
45
|
*
|
|
@@ -90,19 +90,19 @@ export declare const useIsScopeThemed: () => boolean | undefined;
|
|
|
90
90
|
export declare function withThemeObject<T extends {
|
|
91
91
|
theme?: ITheme;
|
|
92
92
|
themeIsLoading?: boolean;
|
|
93
|
-
}>(Component:
|
|
93
|
+
}>(Component: ComponentType<T>): ComponentType<Omit<T, "theme">>;
|
|
94
94
|
/**
|
|
95
95
|
* @internal
|
|
96
96
|
*/
|
|
97
97
|
export declare function withThemeIsLoading<T extends {
|
|
98
98
|
themeIsLoading?: boolean;
|
|
99
|
-
}>(Component:
|
|
99
|
+
}>(Component: ComponentType<T>): ComponentType<Omit<T, "themeIsLoading">>;
|
|
100
100
|
/**
|
|
101
101
|
* @internal
|
|
102
102
|
*/
|
|
103
103
|
export declare function withThemeStatus<T extends {
|
|
104
104
|
themeStatus?: ThemeStatus;
|
|
105
|
-
}>(Component:
|
|
105
|
+
}>(Component: ComponentType<T>): ComponentType<Omit<T, "themeStatus">>;
|
|
106
106
|
/**
|
|
107
107
|
* Injects both theme object and isThemeLoading flag into component as properties
|
|
108
108
|
*
|
|
@@ -111,5 +111,5 @@ export declare function withThemeStatus<T extends {
|
|
|
111
111
|
export declare function withTheme<T extends {
|
|
112
112
|
theme?: ITheme;
|
|
113
113
|
workspace?: string;
|
|
114
|
-
}>(Component:
|
|
114
|
+
}>(Component: ComponentType<T>): ComponentType<Omit<T, "theme" | "themeIsLoading" | "themeStatus">>;
|
|
115
115
|
//# sourceMappingURL=Context.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../src/ThemeProvider/Context.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../src/ThemeProvider/Context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,SAAS,EAA6B,MAAM,OAAO,CAAC;AAI5E,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAiB7C;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACvC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,cAAc,EAAE,OAAO,CAAC;IAExB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,QAAQ,EACR,KAAK,EACL,cAAc,EACd,WAAW,EACX,aAAa,GAChB,EAAE,0BAA0B,2CAU5B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,QAAQ,GAAI,QAAQ,MAAM,KAAG,MAAM,GAAG,SAGlD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,QAAO,OAGjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,QAAO,OAAO,GAAG,SAE9C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,QAAO,WAAW,GAAG,SAE/C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,QAAO,OAAO,GAAG,SAE7C,CAAC;AAEF;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,EAClF,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,GAC5B,aAAa,CAAC,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAUjC;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS;IAAE,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,EACrE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,GAC5B,aAAa,CAAC,IAAI,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAU1C;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS;IAAE,WAAW,CAAC,EAAE,WAAW,CAAA;CAAE,EACnE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,GAC5B,aAAa,CAAC,IAAI,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAUvC;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,EACtE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,GAC5B,aAAa,CAAC,IAAI,CAAC,CAAC,EAAE,OAAO,GAAG,gBAAgB,GAAG,aAAa,CAAC,CAAC,CAOpE"}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
2
|
// (C) 2019-2025 GoodData Corporation
|
|
2
|
-
import
|
|
3
|
+
import { createContext, useContext } from "react";
|
|
3
4
|
import compose from "lodash/flowRight.js";
|
|
4
5
|
import { wrapDisplayName } from "@gooddata/sdk-ui";
|
|
5
6
|
import { isDarkTheme } from "./isDarkTheme.js";
|
|
6
|
-
const ThemeContext =
|
|
7
|
+
const ThemeContext = createContext(undefined);
|
|
7
8
|
ThemeContext.displayName = "ThemeContext";
|
|
8
|
-
const ThemeIsLoadingContext =
|
|
9
|
+
const ThemeIsLoadingContext = createContext(undefined);
|
|
9
10
|
ThemeIsLoadingContext.displayName = "ThemeIsLoadingContext";
|
|
10
|
-
const ThemeIsScopeThemedContext =
|
|
11
|
+
const ThemeIsScopeThemedContext = createContext(undefined);
|
|
11
12
|
ThemeIsScopeThemedContext.displayName = "ThemeIsScopeThemedContext";
|
|
12
|
-
const ThemeStatusContext =
|
|
13
|
+
const ThemeStatusContext = createContext("pending");
|
|
13
14
|
ThemeStatusContext.displayName = "ThemeStatusContext";
|
|
14
15
|
/**
|
|
15
16
|
* Provides the theme object, themeIsLoading flag and themeStatus into context
|
|
@@ -17,10 +18,7 @@ ThemeStatusContext.displayName = "ThemeStatusContext";
|
|
|
17
18
|
* @public
|
|
18
19
|
*/
|
|
19
20
|
export function ThemeContextProvider({ children, theme, themeIsLoading, themeStatus, isScopeThemed, }) {
|
|
20
|
-
return (
|
|
21
|
-
React.createElement(ThemeIsLoadingContext.Provider, { value: themeIsLoading },
|
|
22
|
-
React.createElement(ThemeIsScopeThemedContext.Provider, { value: isScopeThemed },
|
|
23
|
-
React.createElement(ThemeStatusContext.Provider, { value: themeStatus }, children)))));
|
|
21
|
+
return (_jsx(ThemeContext.Provider, { value: theme, children: _jsx(ThemeIsLoadingContext.Provider, { value: themeIsLoading, children: _jsx(ThemeIsScopeThemedContext.Provider, { value: isScopeThemed, children: _jsx(ThemeStatusContext.Provider, { value: themeStatus, children: children }) }) }) }));
|
|
24
22
|
}
|
|
25
23
|
/**
|
|
26
24
|
* Hook for reaching the theme from context.
|
|
@@ -42,7 +40,7 @@ export function ThemeContextProvider({ children, theme, themeIsLoading, themeSta
|
|
|
42
40
|
* @public
|
|
43
41
|
*/
|
|
44
42
|
export const useTheme = (theme) => {
|
|
45
|
-
const themeFromContext =
|
|
43
|
+
const themeFromContext = useContext(ThemeContext);
|
|
46
44
|
return theme ?? themeFromContext;
|
|
47
45
|
};
|
|
48
46
|
/**
|
|
@@ -60,7 +58,7 @@ export const useIsDarkTheme = () => {
|
|
|
60
58
|
* @public
|
|
61
59
|
*/
|
|
62
60
|
export const useThemeIsLoading = () => {
|
|
63
|
-
return
|
|
61
|
+
return useContext(ThemeIsLoadingContext);
|
|
64
62
|
};
|
|
65
63
|
/**
|
|
66
64
|
* Hook for reaching the themeStatus from context
|
|
@@ -68,7 +66,7 @@ export const useThemeIsLoading = () => {
|
|
|
68
66
|
* @public
|
|
69
67
|
*/
|
|
70
68
|
export const useThemeStatus = () => {
|
|
71
|
-
return
|
|
69
|
+
return useContext(ThemeStatusContext);
|
|
72
70
|
};
|
|
73
71
|
/**
|
|
74
72
|
* Hook for reaching the isScopeThemed flag from context
|
|
@@ -76,14 +74,14 @@ export const useThemeStatus = () => {
|
|
|
76
74
|
* @internal
|
|
77
75
|
*/
|
|
78
76
|
export const useIsScopeThemed = () => {
|
|
79
|
-
return
|
|
77
|
+
return useContext(ThemeIsScopeThemedContext);
|
|
80
78
|
};
|
|
81
79
|
/**
|
|
82
80
|
* @internal
|
|
83
81
|
*/
|
|
84
82
|
export function withThemeObject(Component) {
|
|
85
83
|
function ComponentWithInjectedThemeObject(props) {
|
|
86
|
-
return (
|
|
84
|
+
return (_jsx(ThemeContext.Consumer, { children: (theme) => _jsx(Component, { ...props, theme: theme }) }));
|
|
87
85
|
}
|
|
88
86
|
return wrapDisplayName("withThemeObject", ThemeContextProvider)(ComponentWithInjectedThemeObject);
|
|
89
87
|
}
|
|
@@ -92,7 +90,7 @@ export function withThemeObject(Component) {
|
|
|
92
90
|
*/
|
|
93
91
|
export function withThemeIsLoading(Component) {
|
|
94
92
|
function ComponentWithInjectedThemeIsLoading(props) {
|
|
95
|
-
return (
|
|
93
|
+
return (_jsx(ThemeIsLoadingContext.Consumer, { children: (themeIsLoading) => _jsx(Component, { ...props, themeIsLoading: themeIsLoading }) }));
|
|
96
94
|
}
|
|
97
95
|
return wrapDisplayName("withThemeIsLoading", ThemeContextProvider)(ComponentWithInjectedThemeIsLoading);
|
|
98
96
|
}
|
|
@@ -101,7 +99,7 @@ export function withThemeIsLoading(Component) {
|
|
|
101
99
|
*/
|
|
102
100
|
export function withThemeStatus(Component) {
|
|
103
101
|
function ComponentWithInjectedThemeStatus(props) {
|
|
104
|
-
return (
|
|
102
|
+
return (_jsx(ThemeStatusContext.Consumer, { children: (themeStatus) => _jsx(Component, { ...props, themeStatus: themeStatus }) }));
|
|
105
103
|
}
|
|
106
104
|
return wrapDisplayName("withThemeStatus", ThemeContextProvider)(ComponentWithInjectedThemeStatus);
|
|
107
105
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../src/ThemeProvider/Context.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,
|
|
1
|
+
{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../src/ThemeProvider/Context.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
2
|
import { IAnalyticalBackend } from "@gooddata/sdk-backend-spi";
|
|
3
3
|
import { ITheme } from "@gooddata/sdk-model";
|
|
4
4
|
import { ThemeModifier } from "./ThemeProvider.js";
|
|
@@ -52,7 +52,7 @@ export interface IScopedThemeProviderProps {
|
|
|
52
52
|
/**
|
|
53
53
|
* React children
|
|
54
54
|
*/
|
|
55
|
-
children?:
|
|
55
|
+
children?: ReactNode;
|
|
56
56
|
}
|
|
57
57
|
/**
|
|
58
58
|
* ScopedThemeProvider is an experimental component that is not yet ready for production use.
|
|
@@ -63,5 +63,5 @@ export interface IScopedThemeProviderProps {
|
|
|
63
63
|
*
|
|
64
64
|
* @internal
|
|
65
65
|
*/
|
|
66
|
-
export declare function ScopedThemeProvider({ children, theme: themeParam, backend: backendParam, workspace: workspaceParam, modifier, enableComplementaryPalette, removeGlobalStylesOnUnmout, }: IScopedThemeProviderProps):
|
|
66
|
+
export declare function ScopedThemeProvider({ children, theme: themeParam, backend: backendParam, workspace: workspaceParam, modifier, enableComplementaryPalette, removeGlobalStylesOnUnmout, }: IScopedThemeProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
67
67
|
//# sourceMappingURL=ScopedThemeProvider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScopedThemeProvider.d.ts","sourceRoot":"","sources":["../../src/ThemeProvider/ScopedThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"ScopedThemeProvider.d.ts","sourceRoot":"","sources":["../../src/ThemeProvider/ScopedThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAM7C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACtC;;;;;;;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;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,QAAQ,EACR,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,cAAc,EACzB,QAAmB,EACnB,0BAAiC,EACjC,0BAAiC,GACpC,EAAE,yBAAyB,2CA6E3B"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
2
|
// (C) 2020-2025 GoodData Corporation
|
|
2
|
-
import
|
|
3
|
+
import { useEffect, useRef, useState } from "react";
|
|
3
4
|
import identity from "lodash/identity.js";
|
|
4
5
|
import { useBackend, useWorkspace } from "@gooddata/sdk-ui";
|
|
5
6
|
import { ThemeContextProvider } from "./Context.js";
|
|
@@ -23,7 +24,7 @@ export function ScopedThemeProvider({ children, theme: themeParam, backend: back
|
|
|
23
24
|
const [isLoading, setIsLoading] = useState(false);
|
|
24
25
|
const [status, setStatus] = useState("pending");
|
|
25
26
|
const [scope, setScope] = useState();
|
|
26
|
-
const lastWorkspace = useRef();
|
|
27
|
+
const lastWorkspace = useRef(undefined);
|
|
27
28
|
lastWorkspace.current = workspace;
|
|
28
29
|
useEffect(() => {
|
|
29
30
|
// no need to load anything if the themeParam is present
|
|
@@ -62,14 +63,13 @@ export function ScopedThemeProvider({ children, theme: themeParam, backend: back
|
|
|
62
63
|
}
|
|
63
64
|
};
|
|
64
65
|
}, [removeGlobalStylesOnUnmout, scope, scopeId]);
|
|
65
|
-
return (
|
|
66
|
-
React.createElement("div", { ref: (el) => {
|
|
66
|
+
return (_jsx(ThemeContextProvider, { theme: theme, isScopeThemed: true, themeIsLoading: isLoading, themeStatus: status, children: _jsx("div", { ref: (el) => {
|
|
67
67
|
if (el) {
|
|
68
68
|
setScope(el);
|
|
69
69
|
}
|
|
70
70
|
else {
|
|
71
71
|
setScope(null);
|
|
72
72
|
}
|
|
73
|
-
}
|
|
73
|
+
}, children: children }) }));
|
|
74
74
|
}
|
|
75
75
|
//# sourceMappingURL=ScopedThemeProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScopedThemeProvider.js","sourceRoot":"","sources":["../../src/ThemeProvider/ScopedThemeProvider.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,
|
|
1
|
+
{"version":3,"file":"ScopedThemeProvider.js","sourceRoot":"","sources":["../../src/ThemeProvider/ScopedThemeProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
2
|
import { IAnalyticalBackend } from "@gooddata/sdk-backend-spi";
|
|
3
3
|
import { ITheme } from "@gooddata/sdk-model";
|
|
4
4
|
/**
|
|
@@ -55,7 +55,7 @@ export interface IThemeProviderProps {
|
|
|
55
55
|
/**
|
|
56
56
|
* React children
|
|
57
57
|
*/
|
|
58
|
-
children?:
|
|
58
|
+
children?: ReactNode;
|
|
59
59
|
}
|
|
60
60
|
/**
|
|
61
61
|
* Fetches the theme object from the backend upon mounting and passes both theme object and isThemeLoading flag
|
|
@@ -68,5 +68,5 @@ export interface IThemeProviderProps {
|
|
|
68
68
|
*
|
|
69
69
|
* @public
|
|
70
70
|
*/
|
|
71
|
-
export declare function ThemeProvider({ children, theme: themeParam, backend: backendParam, workspace: workspaceParam, modifier, enableComplementaryPalette, removeGlobalStylesOnUnmout, }: IThemeProviderProps):
|
|
71
|
+
export declare function ThemeProvider({ children, theme: themeParam, backend: backendParam, workspace: workspaceParam, modifier, enableComplementaryPalette, removeGlobalStylesOnUnmout, }: IThemeProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
72
72
|
//# sourceMappingURL=ThemeProvider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAQ7C;;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,GACpC,EAAE,mBAAmB,2CA2DrB"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
2
|
// (C) 2020-2025 GoodData Corporation
|
|
2
|
-
import
|
|
3
|
+
import { useEffect, useRef, useState } from "react";
|
|
3
4
|
import identity from "lodash/identity.js";
|
|
4
5
|
import { useBackend, useWorkspace } from "@gooddata/sdk-ui";
|
|
5
6
|
import { ThemeContextProvider } from "./Context.js";
|
|
@@ -23,7 +24,7 @@ export function ThemeProvider({ children, theme: themeParam, backend: backendPar
|
|
|
23
24
|
const [theme, setTheme] = useState(themeParam ?? {});
|
|
24
25
|
const [isLoading, setIsLoading] = useState(false);
|
|
25
26
|
const [status, setStatus] = useState("pending");
|
|
26
|
-
const lastWorkspace = useRef();
|
|
27
|
+
const lastWorkspace = useRef(undefined);
|
|
27
28
|
lastWorkspace.current = workspace;
|
|
28
29
|
useEffect(() => {
|
|
29
30
|
// no need to load anything if the themeParam is present
|
|
@@ -62,6 +63,6 @@ export function ThemeProvider({ children, theme: themeParam, backend: backendPar
|
|
|
62
63
|
}
|
|
63
64
|
};
|
|
64
65
|
}, [removeGlobalStylesOnUnmout]);
|
|
65
|
-
return (
|
|
66
|
+
return (_jsx(ThemeContextProvider, { theme: theme, themeIsLoading: isLoading, themeStatus: status, children: children }));
|
|
66
67
|
}
|
|
67
68
|
//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,qCAAqC;
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,9 +9,11 @@
|
|
|
9
9
|
* @packageDocumentation
|
|
10
10
|
*/
|
|
11
11
|
|
|
12
|
+
import { ComponentType } from 'react';
|
|
12
13
|
import { IAnalyticalBackend } from '@gooddata/sdk-backend-spi';
|
|
13
14
|
import { ITheme } from '@gooddata/sdk-model';
|
|
14
|
-
import {
|
|
15
|
+
import { JSX } from 'react/jsx-runtime';
|
|
16
|
+
import { ReactNode } from 'react';
|
|
15
17
|
|
|
16
18
|
/**
|
|
17
19
|
* This component is used to wrap portal rendered components that are not part of the regular component tree
|
|
@@ -20,8 +22,8 @@ import { default as React_2 } from 'react';
|
|
|
20
22
|
* @internal
|
|
21
23
|
*/
|
|
22
24
|
export declare function ConditionalScopedThemeProvider({ children }: {
|
|
23
|
-
children:
|
|
24
|
-
}):
|
|
25
|
+
children: ReactNode;
|
|
26
|
+
}): ReactNode;
|
|
25
27
|
|
|
26
28
|
/**
|
|
27
29
|
* @internal
|
|
@@ -73,7 +75,7 @@ export declare interface IScopedThemeProviderProps {
|
|
|
73
75
|
/**
|
|
74
76
|
* React children
|
|
75
77
|
*/
|
|
76
|
-
children?:
|
|
78
|
+
children?: ReactNode;
|
|
77
79
|
}
|
|
78
80
|
|
|
79
81
|
/**
|
|
@@ -109,7 +111,7 @@ export declare interface IThemeContextProviderProps {
|
|
|
109
111
|
/**
|
|
110
112
|
* React children
|
|
111
113
|
*/
|
|
112
|
-
children?:
|
|
114
|
+
children?: ReactNode;
|
|
113
115
|
}
|
|
114
116
|
|
|
115
117
|
/**
|
|
@@ -162,7 +164,7 @@ export declare interface IThemeProviderProps {
|
|
|
162
164
|
/**
|
|
163
165
|
* React children
|
|
164
166
|
*/
|
|
165
|
-
children?:
|
|
167
|
+
children?: ReactNode;
|
|
166
168
|
}
|
|
167
169
|
|
|
168
170
|
/**
|
|
@@ -174,14 +176,14 @@ export declare interface IThemeProviderProps {
|
|
|
174
176
|
*
|
|
175
177
|
* @internal
|
|
176
178
|
*/
|
|
177
|
-
export declare function ScopedThemeProvider({ children, theme: themeParam, backend: backendParam, workspace: workspaceParam, modifier, enableComplementaryPalette, removeGlobalStylesOnUnmout, }: IScopedThemeProviderProps):
|
|
179
|
+
export declare function ScopedThemeProvider({ children, theme: themeParam, backend: backendParam, workspace: workspaceParam, modifier, enableComplementaryPalette, removeGlobalStylesOnUnmout, }: IScopedThemeProviderProps): JSX.Element;
|
|
178
180
|
|
|
179
181
|
/**
|
|
180
182
|
* Provides the theme object, themeIsLoading flag and themeStatus into context
|
|
181
183
|
*
|
|
182
184
|
* @public
|
|
183
185
|
*/
|
|
184
|
-
export declare function ThemeContextProvider({ children, theme, themeIsLoading, themeStatus, isScopeThemed, }: IThemeContextProviderProps):
|
|
186
|
+
export declare function ThemeContextProvider({ children, theme, themeIsLoading, themeStatus, isScopeThemed, }: IThemeContextProviderProps): JSX.Element;
|
|
185
187
|
|
|
186
188
|
/**
|
|
187
189
|
* @public
|
|
@@ -199,7 +201,7 @@ export declare type ThemeModifier = (theme: ITheme) => ITheme;
|
|
|
199
201
|
*
|
|
200
202
|
* @public
|
|
201
203
|
*/
|
|
202
|
-
export declare function ThemeProvider({ children, theme: themeParam, backend: backendParam, workspace: workspaceParam, modifier, enableComplementaryPalette, removeGlobalStylesOnUnmout, }: IThemeProviderProps):
|
|
204
|
+
export declare function ThemeProvider({ children, theme: themeParam, backend: backendParam, workspace: workspaceParam, modifier, enableComplementaryPalette, removeGlobalStylesOnUnmout, }: IThemeProviderProps): JSX.Element;
|
|
203
205
|
|
|
204
206
|
/**
|
|
205
207
|
* @public
|
|
@@ -263,6 +265,6 @@ export declare const useThemeStatus: () => ThemeStatus | undefined;
|
|
|
263
265
|
export declare function withTheme<T extends {
|
|
264
266
|
theme?: ITheme;
|
|
265
267
|
workspace?: string;
|
|
266
|
-
}>(Component:
|
|
268
|
+
}>(Component: ComponentType<T>): ComponentType<Omit<T, "theme" | "themeIsLoading" | "themeStatus">>;
|
|
267
269
|
|
|
268
270
|
export { }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultThemePreview.d.ts","sourceRoot":"","sources":["../../src/variablesSpec/DefaultThemePreview.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DefaultThemePreview.d.ts","sourceRoot":"","sources":["../../src/variablesSpec/DefaultThemePreview.tsx"],"names":[],"mappings":"AAOA;;;GAGG;AACH,wBAAgB,mBAAmB,4CAElC"}
|
|
@@ -1,28 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
import React from "react";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
2
|
import { allThemeCssVariables } from "./allThemeCssVariables.js";
|
|
4
3
|
/**
|
|
5
4
|
*
|
|
6
5
|
* @internal
|
|
7
6
|
*/
|
|
8
7
|
export function DefaultThemePreview() {
|
|
9
|
-
return
|
|
8
|
+
return _jsx(ThemeVariablesList, {});
|
|
10
9
|
}
|
|
11
10
|
const listStyle = {
|
|
12
11
|
fontFamily: "Avenir",
|
|
13
12
|
fontSize: 14,
|
|
14
13
|
};
|
|
15
14
|
function ThemeVariablesList() {
|
|
16
|
-
return (
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
return (_jsx("div", { style: listStyle, children: allThemeCssVariables.map((themeVariable) => {
|
|
16
|
+
return _jsx(ThemeVariablePreview, { variable: themeVariable }, themeVariable.variableName);
|
|
17
|
+
}) }));
|
|
19
18
|
}
|
|
20
19
|
const colorPreviewStyle = {
|
|
21
20
|
width: 80,
|
|
22
21
|
height: 80,
|
|
23
22
|
};
|
|
24
23
|
function ColorPreview({ color }) {
|
|
25
|
-
return
|
|
24
|
+
return _jsx("div", { style: { ...colorPreviewStyle, backgroundColor: color }, title: color });
|
|
26
25
|
}
|
|
27
26
|
const variablePreviewStyle = {
|
|
28
27
|
padding: 20,
|
|
@@ -67,43 +66,12 @@ const contentStyle = {
|
|
|
67
66
|
function ThemeVariablePreview({ variable }) {
|
|
68
67
|
switch (variable.type) {
|
|
69
68
|
case "theme":
|
|
70
|
-
return (
|
|
71
|
-
React.createElement(ColorPreview, { color: variable.defaultValue ?? undefined }),
|
|
72
|
-
React.createElement("div", { style: contentStyle },
|
|
73
|
-
React.createElement("div", null,
|
|
74
|
-
React.createElement("strong", null,
|
|
75
|
-
variable.variableName,
|
|
76
|
-
" (",
|
|
77
|
-
variable.type,
|
|
78
|
-
")")),
|
|
79
|
-
React.createElement("div", null, variable.defaultValue ?? "No default value"),
|
|
80
|
-
React.createElement("div", { style: codeStyle },
|
|
81
|
-
"theme.",
|
|
82
|
-
variable.themePath.join(".")))));
|
|
69
|
+
return (_jsxs("div", { style: variablePreviewStyle, children: [_jsx(ColorPreview, { color: variable.defaultValue ?? undefined }), _jsxs("div", { style: contentStyle, children: [_jsx("div", { children: _jsxs("strong", { children: [variable.variableName, " (", variable.type, ")"] }) }), _jsx("div", { children: variable.defaultValue ?? "No default value" }), _jsxs("div", { style: codeStyle, children: ["theme.", variable.themePath.join(".")] })] })] }));
|
|
83
70
|
case "derived":
|
|
84
71
|
case "internal":
|
|
85
|
-
return (
|
|
86
|
-
React.createElement(ColorPreview, { color: variable.defaultValue ?? undefined }),
|
|
87
|
-
React.createElement("div", { style: contentStyle },
|
|
88
|
-
React.createElement("div", null,
|
|
89
|
-
React.createElement("strong", null,
|
|
90
|
-
variable.variableName,
|
|
91
|
-
" (",
|
|
92
|
-
variable.type,
|
|
93
|
-
")")),
|
|
94
|
-
React.createElement("div", null, variable.defaultValue ?? "No default value"))));
|
|
72
|
+
return (_jsxs("div", { style: variablePreviewStyle, children: [_jsx(ColorPreview, { color: variable.defaultValue ?? undefined }), _jsxs("div", { style: contentStyle, children: [_jsx("div", { children: _jsxs("strong", { children: [variable.variableName, " (", variable.type, ")"] }) }), _jsx("div", { children: variable.defaultValue ?? "No default value" })] })] }));
|
|
95
73
|
case "inconsistent":
|
|
96
|
-
return (
|
|
97
|
-
React.createElement("div", { style: contentStyle },
|
|
98
|
-
React.createElement("div", null,
|
|
99
|
-
React.createElement("strong", null,
|
|
100
|
-
variable.variableName,
|
|
101
|
-
" (",
|
|
102
|
-
variable.type,
|
|
103
|
-
")")),
|
|
104
|
-
React.createElement("div", null, "Unique inconsistent usage colors:"),
|
|
105
|
-
React.createElement("div", { style: inconsistentVariablePreviewColorsStyle }, variable.inconsistentDefaults.map((d) => (React.createElement(ColorPreview, { color: d, key: d })))),
|
|
106
|
-
React.createElement("div", { style: inconsistentVariablePreviewValuesStyle }, variable.inconsistentDefaults.map((d) => (React.createElement("div", { style: codeStyle, key: d }, d)))))));
|
|
74
|
+
return (_jsx("div", { style: inconsistentVariablePreviewStyle, children: _jsxs("div", { style: contentStyle, children: [_jsx("div", { children: _jsxs("strong", { children: [variable.variableName, " (", variable.type, ")"] }) }), _jsx("div", { children: "Unique inconsistent usage colors:" }), _jsx("div", { style: inconsistentVariablePreviewColorsStyle, children: variable.inconsistentDefaults.map((d) => (_jsx(ColorPreview, { color: d }, d))) }), _jsx("div", { style: inconsistentVariablePreviewValuesStyle, children: variable.inconsistentDefaults.map((d) => (_jsx("div", { style: codeStyle, children: d }, d))) })] }) }));
|
|
107
75
|
case "deprecated":
|
|
108
76
|
return null;
|
|
109
77
|
default:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultThemePreview.js","sourceRoot":"","sources":["../../src/variablesSpec/DefaultThemePreview.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DefaultThemePreview.js","sourceRoot":"","sources":["../../src/variablesSpec/DefaultThemePreview.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gooddata/sdk-ui-theme-provider",
|
|
3
|
-
"version": "10.44.0-alpha.
|
|
3
|
+
"version": "10.44.0-alpha.4",
|
|
4
4
|
"description": "GoodData SDK - Theme provider",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -32,10 +32,10 @@
|
|
|
32
32
|
"postcss-value-parser": "^4.2.0",
|
|
33
33
|
"ts-invariant": "^0.7.5",
|
|
34
34
|
"tslib": "2.8.1",
|
|
35
|
-
"@gooddata/sdk-backend-spi": "10.44.0-alpha.
|
|
36
|
-
"@gooddata/sdk-model": "10.44.0-alpha.
|
|
37
|
-
"@gooddata/sdk-ui": "10.44.0-alpha.
|
|
38
|
-
"@gooddata/util": "10.44.0-alpha.
|
|
35
|
+
"@gooddata/sdk-backend-spi": "10.44.0-alpha.4",
|
|
36
|
+
"@gooddata/sdk-model": "10.44.0-alpha.4",
|
|
37
|
+
"@gooddata/sdk-ui": "10.44.0-alpha.4",
|
|
38
|
+
"@gooddata/util": "10.44.0-alpha.4"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@gooddata/eslint-config": "^4.1.1",
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
"@types/lodash": "^4.14.202",
|
|
47
47
|
"@types/node": "^22.13.0",
|
|
48
48
|
"@types/raf": "^3.4.0",
|
|
49
|
-
"@types/react": "
|
|
50
|
-
"@types/react-dom": "
|
|
49
|
+
"@types/react": "19.1.11",
|
|
50
|
+
"@types/react-dom": "19.1.7",
|
|
51
51
|
"@typescript-eslint/eslint-plugin": "^8.38.0",
|
|
52
52
|
"@typescript-eslint/parser": "^8.38.0",
|
|
53
53
|
"concurrently": "^6.0.2",
|
|
@@ -69,16 +69,16 @@
|
|
|
69
69
|
"happy-dom": "18.0.1",
|
|
70
70
|
"prettier": "^3.6.2",
|
|
71
71
|
"raf": "^3.4.1",
|
|
72
|
-
"react": "
|
|
73
|
-
"react-dom": "
|
|
72
|
+
"react": "19.1.1",
|
|
73
|
+
"react-dom": "19.1.1",
|
|
74
74
|
"typescript": "5.8.3",
|
|
75
75
|
"vitest": "3.2.4",
|
|
76
|
-
"@gooddata/
|
|
77
|
-
"@gooddata/
|
|
76
|
+
"@gooddata/reference-workspace": "10.44.0-alpha.4",
|
|
77
|
+
"@gooddata/sdk-backend-mockingbird": "10.44.0-alpha.4"
|
|
78
78
|
},
|
|
79
79
|
"peerDependencies": {
|
|
80
|
-
"react": "^
|
|
81
|
-
"react-dom": "^
|
|
80
|
+
"react": "^18.0.0 || ^19.0.0",
|
|
81
|
+
"react-dom": "^18.0.0 || ^19.0.0"
|
|
82
82
|
},
|
|
83
83
|
"scripts": {
|
|
84
84
|
"_phase:build": "npm run build",
|