@uifabricshared/theming-react-native 0.21.0 → 0.21.1
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/CHANGELOG.md +13 -0
- package/lib/BaselinePlatformDefaults.d.ts +1 -1
- package/lib/BaselinePlatformDefaults.js +2 -2
- package/lib/Global.d.ts +1 -1
- package/lib/Global.js +11 -11
- package/lib/NativeModule/ThemingModule.d.ts +2 -2
- package/lib/NativeModule/ThemingModule.js +1 -1
- package/lib/NativeModule/ThemingModule.types.d.ts +13 -13
- package/lib/NativeModule/ThemingModule.types.js +1 -1
- package/lib/NativeModule/ThemingModuleHelpers.d.ts +3 -8
- package/lib/NativeModule/ThemingModuleHelpers.js +36 -36
- package/lib/NativeModule/getHostSettings.d.ts +1 -1
- package/lib/NativeModule/getHostSettings.js +2 -2
- package/lib/NativeModule/index.d.ts +1 -1
- package/lib/NativeModule/index.js +1 -1
- package/lib/Theme.types.d.ts +1 -1
- package/lib/Theme.types.js +1 -1
- package/lib/ThemeContext.d.ts +1 -1
- package/lib/ThemeContext.js +1 -1
- package/lib/ThemeLayer.d.ts +24 -24
- package/lib/ThemeLayer.js +40 -42
- package/lib/ThemeProvider.d.ts +1 -1
- package/lib/ThemeProvider.js +21 -21
- package/lib/ThemeProvider.types.d.ts +3 -3
- package/lib/ThemeProvider.types.js +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/platform/PlatformDefaults.d.ts +2 -8
- package/lib/platform/PlatformDefaults.js +2 -2
- package/lib/platform/PlatformDefaults.native.d.ts +2 -8
- package/lib/platform/PlatformDefaults.native.js +6 -6
- package/lib/platform/index.d.ts +1 -1
- package/lib/platform/index.js +1 -1
- package/lib-commonjs/BaselinePlatformDefaults.d.ts +1 -1
- package/lib-commonjs/BaselinePlatformDefaults.js +5 -5
- package/lib-commonjs/Global.d.ts +1 -1
- package/lib-commonjs/Global.js +14 -14
- package/lib-commonjs/NativeModule/ThemingModule.d.ts +2 -2
- package/lib-commonjs/NativeModule/ThemingModule.js +5 -5
- package/lib-commonjs/NativeModule/ThemingModule.types.d.ts +13 -13
- package/lib-commonjs/NativeModule/ThemingModule.types.js +3 -3
- package/lib-commonjs/NativeModule/ThemingModuleHelpers.d.ts +3 -8
- package/lib-commonjs/NativeModule/ThemingModuleHelpers.js +41 -44
- package/lib-commonjs/NativeModule/getHostSettings.d.ts +1 -1
- package/lib-commonjs/NativeModule/getHostSettings.js +4 -4
- package/lib-commonjs/NativeModule/index.d.ts +1 -1
- package/lib-commonjs/NativeModule/index.js +7 -17
- package/lib-commonjs/Theme.types.d.ts +1 -1
- package/lib-commonjs/Theme.types.js +3 -3
- package/lib-commonjs/ThemeContext.d.ts +1 -1
- package/lib-commonjs/ThemeContext.js +36 -63
- package/lib-commonjs/ThemeLayer.d.ts +24 -24
- package/lib-commonjs/ThemeLayer.js +74 -93
- package/lib-commonjs/ThemeProvider.d.ts +1 -1
- package/lib-commonjs/ThemeProvider.js +56 -75
- package/lib-commonjs/ThemeProvider.types.d.ts +3 -3
- package/lib-commonjs/ThemeProvider.types.js +3 -3
- package/lib-commonjs/index.d.ts +1 -1
- package/lib-commonjs/index.js +24 -108
- package/lib-commonjs/platform/PlatformDefaults.d.ts +2 -8
- package/lib-commonjs/platform/PlatformDefaults.js +7 -10
- package/lib-commonjs/platform/PlatformDefaults.native.d.ts +2 -8
- package/lib-commonjs/platform/PlatformDefaults.native.js +11 -14
- package/lib-commonjs/platform/index.d.ts +1 -1
- package/lib-commonjs/platform/index.js +18 -29
- package/package.json +17 -16
|
@@ -1,60 +1,43 @@
|
|
|
1
|
-
|
|
2
|
-
var __createBinding =
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
(Object.create
|
|
25
|
-
? function (o, v) {
|
|
26
|
-
Object.defineProperty(o, 'default', { enumerable: true, value: v });
|
|
27
|
-
}
|
|
28
|
-
: function (o, v) {
|
|
29
|
-
o['default'] = v;
|
|
30
|
-
});
|
|
31
|
-
var __importStar =
|
|
32
|
-
(this && this.__importStar) ||
|
|
33
|
-
(function () {
|
|
34
|
-
var ownKeys = function (o) {
|
|
35
|
-
ownKeys =
|
|
36
|
-
Object.getOwnPropertyNames ||
|
|
37
|
-
function (o) {
|
|
38
|
-
var ar = [];
|
|
39
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
40
|
-
return ar;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
41
24
|
};
|
|
42
|
-
|
|
25
|
+
return ownKeys(o);
|
|
43
26
|
};
|
|
44
27
|
return function (mod) {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
50
33
|
};
|
|
51
|
-
|
|
52
|
-
Object.defineProperty(exports,
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
53
36
|
exports.ThemeLayer = void 0;
|
|
54
|
-
const jsx_runtime_1 = require(
|
|
55
|
-
const React = __importStar(require(
|
|
56
|
-
const theming_ramp_1 = require(
|
|
57
|
-
const Global_1 = require(
|
|
37
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
+
const React = __importStar(require("react"));
|
|
39
|
+
const theming_ramp_1 = require("@uifabricshared/theming-ramp");
|
|
40
|
+
const Global_1 = require("./Global");
|
|
58
41
|
/**
|
|
59
42
|
* Multipurpose theme provider. This can run in provider/consumer mode and pure consumer mode.
|
|
60
43
|
*
|
|
@@ -82,49 +65,47 @@ const Global_1 = require('./Global');
|
|
|
82
65
|
* @deprecated
|
|
83
66
|
*/
|
|
84
67
|
class ThemeLayer extends React.Component {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
68
|
+
/**
|
|
69
|
+
* stores the name of the theme if in provider mode. Existence of this string is tied to registration
|
|
70
|
+
* and is used to signal registration and unregistration
|
|
71
|
+
*/
|
|
72
|
+
_registeredTheme;
|
|
73
|
+
/** handler for theme changes, conditionally will force update */
|
|
74
|
+
onInvalidate = (name) => {
|
|
75
|
+
// only force updates if this theme was the one invalidated
|
|
76
|
+
if (name === this._registeredTheme) {
|
|
77
|
+
this.forceUpdate();
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
/** standard cleanup handler to ensure we unregister */
|
|
81
|
+
componentWillUnmount() {
|
|
82
|
+
if (this._registeredTheme !== undefined) {
|
|
83
|
+
(0, Global_1.removeThemeRegistryListener)(this);
|
|
84
|
+
this._registeredTheme = undefined;
|
|
85
|
+
}
|
|
95
86
|
}
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
87
|
+
render() {
|
|
88
|
+
let themeName = this.props.themeName;
|
|
89
|
+
return (jsx_runtime_1.jsx(theming_ramp_1.ThemeContext.Consumer, { children: (theme) => {
|
|
90
|
+
// go to provider mode if a themeName is specified or if this is the first consumer and the context
|
|
91
|
+
// is undefined.
|
|
92
|
+
if (themeName !== undefined || theme === undefined) {
|
|
93
|
+
themeName = themeName || '';
|
|
94
|
+
this._ensureCallbackRegistration(themeName);
|
|
95
|
+
theme = (0, Global_1.getTheme)(themeName);
|
|
96
|
+
return jsx_runtime_1.jsx(theming_ramp_1.ThemeContext.Provider, { value: theme, children: this.props.children(theme) });
|
|
97
|
+
}
|
|
98
|
+
// otherwise in consumer mode just push the current theme to the children
|
|
99
|
+
return this.props.children(theme);
|
|
100
|
+
} }));
|
|
102
101
|
}
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
children: (theme) => {
|
|
108
|
-
// go to provider mode if a themeName is specified or if this is the first consumer and the context
|
|
109
|
-
// is undefined.
|
|
110
|
-
if (themeName !== undefined || theme === undefined) {
|
|
111
|
-
themeName = themeName || '';
|
|
112
|
-
this._ensureCallbackRegistration(themeName);
|
|
113
|
-
theme = (0, Global_1.getTheme)(themeName);
|
|
114
|
-
return jsx_runtime_1.jsx(theming_ramp_1.ThemeContext.Provider, { value: theme, children: this.props.children(theme) });
|
|
102
|
+
/** helper to register if this is the first time and to update the filter if necessary */
|
|
103
|
+
_ensureCallbackRegistration = (themeName) => {
|
|
104
|
+
if (this._registeredTheme === undefined) {
|
|
105
|
+
(0, Global_1.addThemeRegistryListener)(this);
|
|
115
106
|
}
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
},
|
|
119
|
-
});
|
|
120
|
-
}
|
|
121
|
-
/** helper to register if this is the first time and to update the filter if necessary */
|
|
122
|
-
_ensureCallbackRegistration = (themeName) => {
|
|
123
|
-
if (this._registeredTheme === undefined) {
|
|
124
|
-
(0, Global_1.addThemeRegistryListener)(this);
|
|
125
|
-
}
|
|
126
|
-
this._registeredTheme = themeName;
|
|
127
|
-
};
|
|
107
|
+
this._registeredTheme = themeName;
|
|
108
|
+
};
|
|
128
109
|
}
|
|
129
110
|
exports.ThemeLayer = ThemeLayer;
|
|
130
|
-
//# sourceMappingURL=ThemeLayer.js.map
|
|
111
|
+
//# sourceMappingURL=ThemeLayer.js.map
|
|
@@ -5,4 +5,4 @@ import type { IThemeProviderProps } from './ThemeProvider.types';
|
|
|
5
5
|
* See https://github.com/microsoft/fluentui-react-native/blob/main/docs/pages/Guides/UpdateThemeProvider.md for details
|
|
6
6
|
*/
|
|
7
7
|
export declare const ThemeProvider: React.FunctionComponent<IThemeProviderProps>;
|
|
8
|
-
//# sourceMappingURL=ThemeProvider.d.ts.map
|
|
8
|
+
//# sourceMappingURL=ThemeProvider.d.ts.map
|
|
@@ -1,87 +1,68 @@
|
|
|
1
|
-
|
|
2
|
-
var __createBinding =
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
(Object.create
|
|
25
|
-
? function (o, v) {
|
|
26
|
-
Object.defineProperty(o, 'default', { enumerable: true, value: v });
|
|
27
|
-
}
|
|
28
|
-
: function (o, v) {
|
|
29
|
-
o['default'] = v;
|
|
30
|
-
});
|
|
31
|
-
var __importStar =
|
|
32
|
-
(this && this.__importStar) ||
|
|
33
|
-
(function () {
|
|
34
|
-
var ownKeys = function (o) {
|
|
35
|
-
ownKeys =
|
|
36
|
-
Object.getOwnPropertyNames ||
|
|
37
|
-
function (o) {
|
|
38
|
-
var ar = [];
|
|
39
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
40
|
-
return ar;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
41
24
|
};
|
|
42
|
-
|
|
25
|
+
return ownKeys(o);
|
|
43
26
|
};
|
|
44
27
|
return function (mod) {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
50
33
|
};
|
|
51
|
-
|
|
52
|
-
Object.defineProperty(exports,
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
53
36
|
exports.ThemeProvider = void 0;
|
|
54
|
-
const jsx_runtime_1 = require(
|
|
55
|
-
const React = __importStar(require(
|
|
56
|
-
const theming_ramp_1 = require(
|
|
57
|
-
const Global_1 = require(
|
|
58
|
-
const ThemeContext_1 = require(
|
|
37
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
+
const React = __importStar(require("react"));
|
|
39
|
+
const theming_ramp_1 = require("@uifabricshared/theming-ramp");
|
|
40
|
+
const Global_1 = require("./Global");
|
|
41
|
+
const ThemeContext_1 = require("./ThemeContext");
|
|
59
42
|
/**
|
|
60
43
|
* @deprecated Use ThemeProvider from @fluentui-react-native/theme instead.
|
|
61
44
|
* See https://github.com/microsoft/fluentui-react-native/blob/main/docs/pages/Guides/UpdateThemeProvider.md for details
|
|
62
45
|
*/
|
|
63
46
|
const ThemeProvider = (props) => {
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
? jsx_runtime_1.jsx(ThemeContext_1.ThemeRegistryContext.Provider, { value: registryFromProps, children: themeProvider })
|
|
84
|
-
: themeProvider;
|
|
47
|
+
const { registry: registryFromProps, theme: themeName = '', children } = props;
|
|
48
|
+
const defaultRegistry = (0, ThemeContext_1.useThemeRegistry)();
|
|
49
|
+
const registryToUse = registryFromProps || defaultRegistry || (0, Global_1.getThemeRegistry)();
|
|
50
|
+
const [theme, setThemeState] = React.useState(registryToUse.getTheme(themeName));
|
|
51
|
+
React.useEffect(() => {
|
|
52
|
+
setThemeState(registryToUse.getTheme(themeName));
|
|
53
|
+
const themeInvalidater = {
|
|
54
|
+
onInvalidate: (name) => {
|
|
55
|
+
name === themeName && setThemeState(registryToUse.getTheme(themeName));
|
|
56
|
+
},
|
|
57
|
+
};
|
|
58
|
+
registryToUse.addEventListener(themeInvalidater);
|
|
59
|
+
return () => {
|
|
60
|
+
registryToUse.removeEventListener(themeInvalidater);
|
|
61
|
+
};
|
|
62
|
+
}, [registryToUse, themeName, setThemeState]);
|
|
63
|
+
const themeProvider = jsx_runtime_1.jsx(theming_ramp_1.ThemeContext.Provider, { value: theme, children: children });
|
|
64
|
+
// note `registryFromProps` came from props and it's not the same as `registryToUse`
|
|
65
|
+
return registryFromProps ? (jsx_runtime_1.jsx(ThemeContext_1.ThemeRegistryContext.Provider, { value: registryFromProps, children: themeProvider })) : (themeProvider);
|
|
85
66
|
};
|
|
86
67
|
exports.ThemeProvider = ThemeProvider;
|
|
87
|
-
//# sourceMappingURL=ThemeProvider.js.map
|
|
68
|
+
//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -3,7 +3,7 @@ import { ThemeRegistry } from './Theme.types';
|
|
|
3
3
|
* @deprecated
|
|
4
4
|
*/
|
|
5
5
|
export interface IThemeProviderProps extends React.PropsWithChildren<{}> {
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
theme?: string;
|
|
7
|
+
registry?: ThemeRegistry;
|
|
8
8
|
}
|
|
9
|
-
//# sourceMappingURL=ThemeProvider.types.d.ts.map
|
|
9
|
+
//# sourceMappingURL=ThemeProvider.types.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
/* eslint-disable */
|
|
3
|
-
Object.defineProperty(exports,
|
|
4
|
-
//# sourceMappingURL=ThemeProvider.types.js.map
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
//# sourceMappingURL=ThemeProvider.types.js.map
|
package/lib-commonjs/index.d.ts
CHANGED
|
@@ -39,4 +39,4 @@ export { ThemingModuleHelper, getHostSettingsWin32 } from './NativeModule';
|
|
|
39
39
|
* @deprecated
|
|
40
40
|
*/
|
|
41
41
|
export type { IEventEmitter, IHostSettingsWin32, IPlatformThemeDefinition, IThemingModuleHelper } from './NativeModule';
|
|
42
|
-
//# sourceMappingURL=index.d.ts.map
|
|
42
|
+
//# sourceMappingURL=index.d.ts.map
|
package/lib-commonjs/index.js
CHANGED
|
@@ -1,123 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
3
|
-
exports.getHostSettingsWin32 =
|
|
4
|
-
exports.ThemingModuleHelper =
|
|
5
|
-
exports.useThemeRegistry =
|
|
6
|
-
exports.useTheme =
|
|
7
|
-
exports.ThemeRegistryContext =
|
|
8
|
-
exports.ThemeContext =
|
|
9
|
-
exports.ThemeProvider =
|
|
10
|
-
exports.createPlatformThemeRegistry =
|
|
11
|
-
exports.ThemeLayer =
|
|
12
|
-
exports.augmentPlatformTheme =
|
|
13
|
-
exports.getTheme =
|
|
14
|
-
exports.setTheme =
|
|
15
|
-
exports.removeThemeRegistryListener =
|
|
16
|
-
exports.addThemeRegistryListener =
|
|
17
|
-
void 0;
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getHostSettingsWin32 = exports.ThemingModuleHelper = exports.useThemeRegistry = exports.useTheme = exports.ThemeRegistryContext = exports.ThemeContext = exports.ThemeProvider = exports.createPlatformThemeRegistry = exports.ThemeLayer = exports.augmentPlatformTheme = exports.getTheme = exports.setTheme = exports.removeThemeRegistryListener = exports.addThemeRegistryListener = void 0;
|
|
18
4
|
/**
|
|
19
5
|
* @deprecated
|
|
20
6
|
*/
|
|
21
|
-
const Global_1 = require(
|
|
22
|
-
Object.defineProperty(exports,
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
Object.defineProperty(exports,
|
|
29
|
-
enumerable: true,
|
|
30
|
-
get: function () {
|
|
31
|
-
return Global_1.removeThemeRegistryListener;
|
|
32
|
-
},
|
|
33
|
-
});
|
|
34
|
-
Object.defineProperty(exports, 'setTheme', {
|
|
35
|
-
enumerable: true,
|
|
36
|
-
get: function () {
|
|
37
|
-
return Global_1.setTheme;
|
|
38
|
-
},
|
|
39
|
-
});
|
|
40
|
-
Object.defineProperty(exports, 'getTheme', {
|
|
41
|
-
enumerable: true,
|
|
42
|
-
get: function () {
|
|
43
|
-
return Global_1.getTheme;
|
|
44
|
-
},
|
|
45
|
-
});
|
|
46
|
-
Object.defineProperty(exports, 'augmentPlatformTheme', {
|
|
47
|
-
enumerable: true,
|
|
48
|
-
get: function () {
|
|
49
|
-
return Global_1.augmentPlatformTheme;
|
|
50
|
-
},
|
|
51
|
-
});
|
|
52
|
-
const ThemeLayer_1 = require('./ThemeLayer');
|
|
53
|
-
Object.defineProperty(exports, 'ThemeLayer', {
|
|
54
|
-
enumerable: true,
|
|
55
|
-
get: function () {
|
|
56
|
-
return ThemeLayer_1.ThemeLayer;
|
|
57
|
-
},
|
|
58
|
-
});
|
|
7
|
+
const Global_1 = require("./Global");
|
|
8
|
+
Object.defineProperty(exports, "addThemeRegistryListener", { enumerable: true, get: function () { return Global_1.addThemeRegistryListener; } });
|
|
9
|
+
Object.defineProperty(exports, "removeThemeRegistryListener", { enumerable: true, get: function () { return Global_1.removeThemeRegistryListener; } });
|
|
10
|
+
Object.defineProperty(exports, "setTheme", { enumerable: true, get: function () { return Global_1.setTheme; } });
|
|
11
|
+
Object.defineProperty(exports, "getTheme", { enumerable: true, get: function () { return Global_1.getTheme; } });
|
|
12
|
+
Object.defineProperty(exports, "augmentPlatformTheme", { enumerable: true, get: function () { return Global_1.augmentPlatformTheme; } });
|
|
13
|
+
const ThemeLayer_1 = require("./ThemeLayer");
|
|
14
|
+
Object.defineProperty(exports, "ThemeLayer", { enumerable: true, get: function () { return ThemeLayer_1.ThemeLayer; } });
|
|
59
15
|
/**
|
|
60
16
|
* @deprecated
|
|
61
17
|
*/
|
|
62
|
-
const platform_1 = require(
|
|
63
|
-
Object.defineProperty(exports,
|
|
64
|
-
enumerable: true,
|
|
65
|
-
get: function () {
|
|
66
|
-
return platform_1.createPlatformThemeRegistry;
|
|
67
|
-
},
|
|
68
|
-
});
|
|
18
|
+
const platform_1 = require("./platform");
|
|
19
|
+
Object.defineProperty(exports, "createPlatformThemeRegistry", { enumerable: true, get: function () { return platform_1.createPlatformThemeRegistry; } });
|
|
69
20
|
/**
|
|
70
21
|
* @deprecated
|
|
71
22
|
*/
|
|
72
|
-
const ThemeProvider_1 = require(
|
|
73
|
-
Object.defineProperty(exports,
|
|
74
|
-
enumerable: true,
|
|
75
|
-
get: function () {
|
|
76
|
-
return ThemeProvider_1.ThemeProvider;
|
|
77
|
-
},
|
|
78
|
-
});
|
|
23
|
+
const ThemeProvider_1 = require("./ThemeProvider");
|
|
24
|
+
Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return ThemeProvider_1.ThemeProvider; } });
|
|
79
25
|
/**
|
|
80
26
|
* @deprecated
|
|
81
27
|
*/
|
|
82
|
-
const ThemeContext_1 = require(
|
|
83
|
-
Object.defineProperty(exports,
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
},
|
|
88
|
-
});
|
|
89
|
-
Object.defineProperty(exports, 'ThemeRegistryContext', {
|
|
90
|
-
enumerable: true,
|
|
91
|
-
get: function () {
|
|
92
|
-
return ThemeContext_1.ThemeRegistryContext;
|
|
93
|
-
},
|
|
94
|
-
});
|
|
95
|
-
Object.defineProperty(exports, 'useTheme', {
|
|
96
|
-
enumerable: true,
|
|
97
|
-
get: function () {
|
|
98
|
-
return ThemeContext_1.useTheme;
|
|
99
|
-
},
|
|
100
|
-
});
|
|
101
|
-
Object.defineProperty(exports, 'useThemeRegistry', {
|
|
102
|
-
enumerable: true,
|
|
103
|
-
get: function () {
|
|
104
|
-
return ThemeContext_1.useThemeRegistry;
|
|
105
|
-
},
|
|
106
|
-
});
|
|
28
|
+
const ThemeContext_1 = require("./ThemeContext");
|
|
29
|
+
Object.defineProperty(exports, "ThemeContext", { enumerable: true, get: function () { return ThemeContext_1.ThemeContext; } });
|
|
30
|
+
Object.defineProperty(exports, "ThemeRegistryContext", { enumerable: true, get: function () { return ThemeContext_1.ThemeRegistryContext; } });
|
|
31
|
+
Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return ThemeContext_1.useTheme; } });
|
|
32
|
+
Object.defineProperty(exports, "useThemeRegistry", { enumerable: true, get: function () { return ThemeContext_1.useThemeRegistry; } });
|
|
107
33
|
/**
|
|
108
34
|
* @deprecated
|
|
109
35
|
*/
|
|
110
|
-
const NativeModule_1 = require(
|
|
111
|
-
Object.defineProperty(exports,
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
return NativeModule_1.ThemingModuleHelper;
|
|
115
|
-
},
|
|
116
|
-
});
|
|
117
|
-
Object.defineProperty(exports, 'getHostSettingsWin32', {
|
|
118
|
-
enumerable: true,
|
|
119
|
-
get: function () {
|
|
120
|
-
return NativeModule_1.getHostSettingsWin32;
|
|
121
|
-
},
|
|
122
|
-
});
|
|
123
|
-
//# sourceMappingURL=index.js.map
|
|
36
|
+
const NativeModule_1 = require("./NativeModule");
|
|
37
|
+
Object.defineProperty(exports, "ThemingModuleHelper", { enumerable: true, get: function () { return NativeModule_1.ThemingModuleHelper; } });
|
|
38
|
+
Object.defineProperty(exports, "getHostSettingsWin32", { enumerable: true, get: function () { return NativeModule_1.getHostSettingsWin32; } });
|
|
39
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -2,11 +2,5 @@ import type { IThemingModuleHelper } from '../NativeModule';
|
|
|
2
2
|
/**
|
|
3
3
|
* @deprecated
|
|
4
4
|
*/
|
|
5
|
-
export declare function createPlatformThemeRegistry(
|
|
6
|
-
|
|
7
|
-
_module?: IThemingModuleHelper,
|
|
8
|
-
): import('@uifabricshared/theme-registry').IThemeRegistry<
|
|
9
|
-
import('@uifabricshared/theming-ramp').ITheme,
|
|
10
|
-
import('@uifabricshared/theming-ramp').IPartialTheme
|
|
11
|
-
>;
|
|
12
|
-
//# sourceMappingURL=PlatformDefaults.d.ts.map
|
|
5
|
+
export declare function createPlatformThemeRegistry(_themeId?: string, _module?: IThemingModuleHelper): import("@uifabricshared/theme-registry").IThemeRegistry<import("@uifabricshared/theming-ramp").ITheme, import("@uifabricshared/theming-ramp").IPartialTheme>;
|
|
6
|
+
//# sourceMappingURL=PlatformDefaults.d.ts.map
|
|
@@ -1,16 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.createPlatformThemeRegistry = createPlatformThemeRegistry;
|
|
4
|
-
const theme_registry_1 = require(
|
|
5
|
-
const theming_ramp_1 = require(
|
|
6
|
-
const BaselinePlatformDefaults_1 = require(
|
|
4
|
+
const theme_registry_1 = require("@uifabricshared/theme-registry");
|
|
5
|
+
const theming_ramp_1 = require("@uifabricshared/theming-ramp");
|
|
6
|
+
const BaselinePlatformDefaults_1 = require("../BaselinePlatformDefaults");
|
|
7
7
|
/**
|
|
8
8
|
* @deprecated
|
|
9
9
|
*/
|
|
10
10
|
function createPlatformThemeRegistry(_themeId, _module) {
|
|
11
|
-
|
|
12
|
-
(0, BaselinePlatformDefaults_1.getBaselinePlatformTheme)(),
|
|
13
|
-
theming_ramp_1.resolvePartialTheme,
|
|
14
|
-
);
|
|
11
|
+
return (0, theme_registry_1.createThemeRegistry)((0, BaselinePlatformDefaults_1.getBaselinePlatformTheme)(), theming_ramp_1.resolvePartialTheme);
|
|
15
12
|
}
|
|
16
|
-
//# sourceMappingURL=PlatformDefaults.js.map
|
|
13
|
+
//# sourceMappingURL=PlatformDefaults.js.map
|
|
@@ -2,11 +2,5 @@ import type { IThemingModuleHelper } from '../NativeModule';
|
|
|
2
2
|
/**
|
|
3
3
|
* @deprecated
|
|
4
4
|
*/
|
|
5
|
-
export declare function createPlatformThemeRegistry(
|
|
6
|
-
|
|
7
|
-
module?: IThemingModuleHelper,
|
|
8
|
-
): import('@uifabricshared/theme-registry').IThemeRegistry<
|
|
9
|
-
import('@uifabricshared/theming-ramp').ITheme,
|
|
10
|
-
import('@uifabricshared/theming-ramp').IPartialTheme
|
|
11
|
-
>;
|
|
12
|
-
//# sourceMappingURL=PlatformDefaults.native.d.ts.map
|
|
5
|
+
export declare function createPlatformThemeRegistry(platformThemeId?: string, module?: IThemingModuleHelper): import("@uifabricshared/theme-registry").IThemeRegistry<import("@uifabricshared/theming-ramp").ITheme, import("@uifabricshared/theming-ramp").IPartialTheme>;
|
|
6
|
+
//# sourceMappingURL=PlatformDefaults.native.d.ts.map
|
|
@@ -1,20 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.createPlatformThemeRegistry = createPlatformThemeRegistry;
|
|
4
|
-
const theme_registry_1 = require(
|
|
5
|
-
const theming_ramp_1 = require(
|
|
6
|
-
const NativeModule_1 = require(
|
|
4
|
+
const theme_registry_1 = require("@uifabricshared/theme-registry");
|
|
5
|
+
const theming_ramp_1 = require("@uifabricshared/theming-ramp");
|
|
6
|
+
const NativeModule_1 = require("../NativeModule");
|
|
7
7
|
/**
|
|
8
8
|
* @deprecated
|
|
9
9
|
*/
|
|
10
10
|
function createPlatformThemeRegistry(platformThemeId, module = NativeModule_1.ThemingModuleHelper) {
|
|
11
|
-
|
|
12
|
-
module.
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
registry.updatePlatformDefaults(module.getPlatformDefaults(platformThemeId));
|
|
17
|
-
});
|
|
18
|
-
return registry;
|
|
11
|
+
const registry = (0, theme_registry_1.createThemeRegistry)(module.getPlatformDefaults(platformThemeId), theming_ramp_1.resolvePartialTheme);
|
|
12
|
+
module.addListener(() => {
|
|
13
|
+
registry.updatePlatformDefaults(module.getPlatformDefaults(platformThemeId));
|
|
14
|
+
});
|
|
15
|
+
return registry;
|
|
19
16
|
}
|
|
20
|
-
//# sourceMappingURL=PlatformDefaults.native.js.map
|
|
17
|
+
//# sourceMappingURL=PlatformDefaults.native.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export * from './PlatformDefaults';
|
|
2
|
-
//# sourceMappingURL=index.d.ts.map
|
|
2
|
+
//# sourceMappingURL=index.d.ts.map
|