@fluentui-react-native/themed-stylesheet 1.7.11 → 1.8.0
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.json +1 -1
- package/CHANGELOG.md +65 -2
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/themedStyleSheet.d.ts +5 -3
- package/lib/themedStyleSheet.js +7 -7
- package/lib/themedStyleSheet.js.map +1 -1
- package/lib/themedStyleSheet.test.d.ts +1 -1
- package/lib/themedStyleSheet.test.js +73 -73
- package/lib/themedStyleSheet.test.js.map +1 -1
- package/lib-commonjs/index.d.ts +1 -1
- package/lib-commonjs/index.js +10 -5
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/themedStyleSheet.d.ts +5 -3
- package/lib-commonjs/themedStyleSheet.js +12 -13
- package/lib-commonjs/themedStyleSheet.js.map +1 -1
- package/lib-commonjs/themedStyleSheet.test.d.ts +1 -1
- package/lib-commonjs/themedStyleSheet.test.js +76 -76
- package/lib-commonjs/themedStyleSheet.test.js.map +1 -1
- package/package.json +39 -36
package/CHANGELOG.json
CHANGED
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,48 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/themed-stylesheet
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
## 1.8.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- d7adbdd: # Migration from Beachball to Changesets
|
|
8
|
+
|
|
9
|
+
This changeset represents the migration from Beachball to Changesets for version management and consolidates all changes from 440+ beachball change files that were in the `change/` directory.
|
|
10
|
+
|
|
11
|
+
All 75 affected packages receive a minor version bump to acknowledge the accumulated changes from the beachball era.
|
|
12
|
+
|
|
13
|
+
## What Changed
|
|
14
|
+
|
|
15
|
+
Going forward, all version management uses Changesets via `yarn changeset`. The following beachball infrastructure has been removed:
|
|
16
|
+
|
|
17
|
+
- ❌ 440+ beachball change files from `change/` directory
|
|
18
|
+
- ❌ `beachball` package dependency
|
|
19
|
+
- ❌ Beachball scripts from `package.json`
|
|
20
|
+
- ❌ `beachball.config.js` configuration file
|
|
21
|
+
- ❌ Beachball publish steps from Azure Pipelines
|
|
22
|
+
|
|
23
|
+
## New Workflow
|
|
24
|
+
|
|
25
|
+
✅ **Create changes**: Run `yarn changeset` to document changes
|
|
26
|
+
✅ **Version bump PRs**: Automatically created by GitHub Actions
|
|
27
|
+
✅ **Publishing**: Handled by Azure Pipelines using `changeset publish`
|
|
28
|
+
✅ **Validation**: CI validates changesets and blocks major version bumps
|
|
29
|
+
|
|
30
|
+
For details, see `CHANGESETS_SETUP.md` and `CONTRIBUTING.md`.
|
|
31
|
+
|
|
32
|
+
### Patch Changes
|
|
33
|
+
|
|
34
|
+
- d1d8c26: We were pinning @types/react and react-native-macos via resolutions. This fixes that which uncovered a bunch of type inconsistencies that needed to be addressed.
|
|
35
|
+
- Updated dependencies [d7adbdd]
|
|
36
|
+
- Updated dependencies [d1d8c26]
|
|
37
|
+
- @fluentui-react-native/framework-base@0.3.0
|
|
38
|
+
|
|
39
|
+
<!-- This log was last generated on Tue, 05 Aug 2025 18:50:38 GMT and should not be manually modified. -->
|
|
4
40
|
|
|
5
41
|
<!-- Start content -->
|
|
6
42
|
|
|
7
43
|
## 1.7.11
|
|
8
44
|
|
|
9
|
-
Tue, 05 Aug 2025 18:
|
|
45
|
+
Tue, 05 Aug 2025 18:50:38 GMT
|
|
10
46
|
|
|
11
47
|
### Patches
|
|
12
48
|
|
|
@@ -315,85 +351,112 @@ Thu, 16 Apr 2020 23:57:38 GMT
|
|
|
315
351
|
- publish with correct main/module references (jasonmo@microsoft.com)
|
|
316
352
|
|
|
317
353
|
## 0.2.13
|
|
354
|
+
|
|
318
355
|
Thu, 09 Apr 2020 18:39:15 GMT
|
|
319
356
|
|
|
320
357
|
### Patches
|
|
321
358
|
|
|
322
359
|
- merge conflicts (ppatboyd@outlook.com)
|
|
360
|
+
|
|
323
361
|
## 0.2.11
|
|
362
|
+
|
|
324
363
|
Fri, 03 Apr 2020 20:40:51 GMT
|
|
325
364
|
|
|
326
365
|
### Patches
|
|
327
366
|
|
|
328
367
|
- switch the bin name from just-script to fluent-scripts to disambiguate names (jasonmo@microsoft.com)
|
|
368
|
+
|
|
329
369
|
## 0.2.10
|
|
370
|
+
|
|
330
371
|
Tue, 31 Mar 2020 18:01:09 GMT
|
|
331
372
|
|
|
332
373
|
### Patches
|
|
333
374
|
|
|
334
375
|
- Merge branch 'sammy/checkboxV1' of https://github.com/samuelfreiberg/fluentui-react-native into sammy/checkboxV1 (safreibe@microsoft.com)
|
|
376
|
+
|
|
335
377
|
## 0.2.9
|
|
378
|
+
|
|
336
379
|
Mon, 30 Mar 2020 16:27:00 GMT
|
|
337
380
|
|
|
338
381
|
### Patches
|
|
339
382
|
|
|
340
383
|
- Update main attribute to specify TypeScript index file. (kinhln@microsoft.com)
|
|
384
|
+
|
|
341
385
|
## 0.2.8
|
|
386
|
+
|
|
342
387
|
Tue, 10 Mar 2020 22:28:00 GMT
|
|
343
388
|
|
|
344
389
|
### Patches
|
|
345
390
|
|
|
346
391
|
- switch symbol based caching to use WeakMaps (jasonmo@microsoft.com)
|
|
392
|
+
|
|
347
393
|
## 0.2.7
|
|
394
|
+
|
|
348
395
|
Sat, 07 Mar 2020 00:42:50 GMT
|
|
349
396
|
|
|
350
397
|
### Patches
|
|
351
398
|
|
|
352
399
|
- fix broken react-native jest configurations (jasonmo@microsoft.com)
|
|
400
|
+
|
|
353
401
|
## 0.2.6
|
|
402
|
+
|
|
354
403
|
Fri, 28 Feb 2020 00:04:18 GMT
|
|
355
404
|
|
|
356
405
|
### Patches
|
|
357
406
|
|
|
358
407
|
- fix builds with moved packages (jasonmo@microsoft.com)
|
|
408
|
+
|
|
359
409
|
## 0.2.5
|
|
410
|
+
|
|
360
411
|
Thu, 20 Feb 2020 01:36:35 GMT
|
|
361
412
|
|
|
362
413
|
### Patches
|
|
363
414
|
|
|
364
415
|
- restructure directories in project (jasonmo@microsoft.com)
|
|
416
|
+
|
|
365
417
|
## 0.2.4
|
|
418
|
+
|
|
366
419
|
Fri, 07 Feb 2020 00:29:25 GMT
|
|
367
420
|
|
|
368
421
|
### Patches
|
|
369
422
|
|
|
370
423
|
- fix packages for react-native to unblock builds (jasonmo@microsoft.com)
|
|
424
|
+
|
|
371
425
|
## 0.2.3
|
|
426
|
+
|
|
372
427
|
Thu, 06 Feb 2020 01:00:13 GMT
|
|
373
428
|
|
|
374
429
|
### Patches
|
|
375
430
|
|
|
376
431
|
- Temporarily disable test to work around test error. (email not defined)
|
|
377
432
|
- fix packages for react-native to unblock builds (jasonmo@microsoft.com)
|
|
433
|
+
|
|
378
434
|
## 0.2.2
|
|
435
|
+
|
|
379
436
|
Wed, 04 Dec 2019 23:08:56 GMT
|
|
380
437
|
|
|
381
438
|
### Patches
|
|
382
439
|
|
|
383
440
|
- Fix typings for theme object (adrum@microsoft.com)
|
|
441
|
+
|
|
384
442
|
## 0.2.1
|
|
443
|
+
|
|
385
444
|
Fri, 22 Nov 2019 23:33:23 GMT
|
|
386
445
|
|
|
387
446
|
### Patches
|
|
388
447
|
|
|
389
448
|
- 🐛 Fix themed stylesheet typings (adrum@microsoft.com)
|
|
449
|
+
|
|
390
450
|
## 0.2.0
|
|
451
|
+
|
|
391
452
|
Wed, 20 Nov 2019 19:37:06 GMT
|
|
392
453
|
|
|
393
454
|
### Minor changes
|
|
394
455
|
|
|
395
456
|
- 📦 fix package entrypoints to distinguish CJS/ES6 (adrum@microsoft.com)
|
|
457
|
+
|
|
396
458
|
## 0.1.2
|
|
459
|
+
|
|
397
460
|
Fri, 15 Nov 2019 00:49:28 GMT
|
|
398
461
|
|
|
399
462
|
### Patches
|
package/lib/index.d.ts
CHANGED
package/lib/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { themedStyleSheet } from './themedStyleSheet';
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -5,7 +5,7 @@ type ObjectBase = {};
|
|
|
5
5
|
* be used as inputs for the style property on components and matches what StyleSheet.create accepts
|
|
6
6
|
*/
|
|
7
7
|
export type NamedStyles<T> = {
|
|
8
|
-
|
|
8
|
+
[P in keyof T]: ViewStyle | TextStyle | ImageStyle;
|
|
9
9
|
};
|
|
10
10
|
/**
|
|
11
11
|
* A convenience wrapper to create style sheets which depend upon values in a theme, and use them in a manner
|
|
@@ -35,6 +35,8 @@ export type NamedStyles<T> = {
|
|
|
35
35
|
* @param generator - a function which will get run once per theme to create a cached style sheet.
|
|
36
36
|
*
|
|
37
37
|
*/
|
|
38
|
-
export declare function themedStyleSheet<TStyles extends NamedStyles<TStyles>, TTheme extends ObjectBase>(
|
|
38
|
+
export declare function themedStyleSheet<TStyles extends NamedStyles<TStyles>, TTheme extends ObjectBase>(
|
|
39
|
+
generator: (theme: TTheme) => NamedStyles<TStyles>,
|
|
40
|
+
): (theme: TTheme) => NamedStyles<TStyles>;
|
|
39
41
|
export {};
|
|
40
|
-
//# sourceMappingURL=themedStyleSheet.d.ts.map
|
|
42
|
+
//# sourceMappingURL=themedStyleSheet.d.ts.map
|
package/lib/themedStyleSheet.js
CHANGED
|
@@ -29,11 +29,11 @@ import { getMemoCache } from '@fluentui-react-native/framework-base';
|
|
|
29
29
|
*
|
|
30
30
|
*/
|
|
31
31
|
export function themedStyleSheet(generator) {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
32
|
+
// create a memo cache for this themed stylesheet
|
|
33
|
+
const cache = getMemoCache();
|
|
34
|
+
// now return a theme => styles function
|
|
35
|
+
return (theme) => {
|
|
36
|
+
return cache(() => StyleSheet.create(generator(theme)), [theme])[0];
|
|
37
|
+
};
|
|
38
38
|
}
|
|
39
|
-
//# sourceMappingURL=themedStyleSheet.js.map
|
|
39
|
+
//# sourceMappingURL=themedStyleSheet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themedStyleSheet.js","sourceRoot":"","sources":["../src/themedStyleSheet.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAYrE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,MAAM,UAAU,gBAAgB,CAC9B,SAAkD;
|
|
1
|
+
{"version":3,"file":"themedStyleSheet.js","sourceRoot":"","sources":["../src/themedStyleSheet.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAYrE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,MAAM,UAAU,gBAAgB,CAC9B,SAAkD,EACT;IACzC,iDAAiD;IACjD,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAE7B,wCAAwC;IACxC,OAAO,CAAC,KAAa,EAAE,EAAE,CAAC;QACxB,OAAO,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAAA,CACrE,CAAC;AAAA,CACH"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=themedStyleSheet.test.d.ts.map
|
|
2
|
+
//# sourceMappingURL=themedStyleSheet.test.d.ts.map
|
|
@@ -1,88 +1,88 @@
|
|
|
1
1
|
import { themedStyleSheet } from './themedStyleSheet';
|
|
2
2
|
function _createTheme1() {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
return {
|
|
4
|
+
color1: 'blue',
|
|
5
|
+
color2: 'red',
|
|
6
|
+
fontSize: 10,
|
|
7
|
+
};
|
|
8
8
|
}
|
|
9
9
|
function _createTheme2() {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
return {
|
|
11
|
+
color1: 'green',
|
|
12
|
+
color2: 'black',
|
|
13
|
+
fontSize: 12,
|
|
14
|
+
};
|
|
15
15
|
}
|
|
16
16
|
const getStyles1 = themedStyleSheet((t) => {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
17
|
+
return {
|
|
18
|
+
style1: {
|
|
19
|
+
backgroundColor: t.color1,
|
|
20
|
+
color: t.color2,
|
|
21
|
+
fontSize: t.fontSize,
|
|
22
|
+
},
|
|
23
|
+
style2: {
|
|
24
|
+
color: t.color1,
|
|
25
|
+
backgroundColor: 'purple',
|
|
26
|
+
fontSize: 50,
|
|
27
|
+
},
|
|
28
|
+
};
|
|
29
29
|
});
|
|
30
30
|
const getThemeOptionalStyles = themedStyleSheet((t) => {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
31
|
+
return {
|
|
32
|
+
style3: {
|
|
33
|
+
backgroundColor: (t && t.color1) || 'white',
|
|
34
|
+
color: (t && t.color2) || 'black',
|
|
35
|
+
fontSize: (t && t.fontSize) || 8,
|
|
36
|
+
},
|
|
37
|
+
};
|
|
38
38
|
});
|
|
39
39
|
describe('Themed style sheet tests', () => {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
});
|
|
40
|
+
test('get no theme stylesheet', () => {
|
|
41
|
+
const styles = getThemeOptionalStyles(undefined);
|
|
42
|
+
expect(styles.style3).toEqual({
|
|
43
|
+
backgroundColor: 'white',
|
|
44
|
+
color: 'black',
|
|
45
|
+
fontSize: 8,
|
|
47
46
|
});
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
47
|
+
});
|
|
48
|
+
test('get no theme stylesheet caches', () => {
|
|
49
|
+
const styles1 = getThemeOptionalStyles(undefined);
|
|
50
|
+
const styles2 = getThemeOptionalStyles(undefined);
|
|
51
|
+
expect(styles1).toBe(styles2);
|
|
52
|
+
});
|
|
53
|
+
test('get conditional stylesheet works with theme', () => {
|
|
54
|
+
const theme = _createTheme1();
|
|
55
|
+
const styles = getThemeOptionalStyles(theme);
|
|
56
|
+
expect(styles.style3).toEqual({
|
|
57
|
+
backgroundColor: 'blue',
|
|
58
|
+
color: 'red',
|
|
59
|
+
fontSize: 10,
|
|
52
60
|
});
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
+
});
|
|
62
|
+
test('get themed stylesheet works for multiples', () => {
|
|
63
|
+
const theme = _createTheme1();
|
|
64
|
+
const styles = getStyles1(theme);
|
|
65
|
+
expect(styles.style1).toEqual({
|
|
66
|
+
backgroundColor: 'blue',
|
|
67
|
+
color: 'red',
|
|
68
|
+
fontSize: 10,
|
|
61
69
|
});
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
backgroundColor: 'blue',
|
|
67
|
-
color: 'red',
|
|
68
|
-
fontSize: 10,
|
|
69
|
-
});
|
|
70
|
-
expect(styles.style2).toEqual({
|
|
71
|
-
color: 'blue',
|
|
72
|
-
backgroundColor: 'purple',
|
|
73
|
-
fontSize: 50,
|
|
74
|
-
});
|
|
75
|
-
});
|
|
76
|
-
test('get themed stylesheet caches correctly', () => {
|
|
77
|
-
const theme1 = _createTheme1();
|
|
78
|
-
const theme2 = _createTheme2();
|
|
79
|
-
const stylest1a = getStyles1(theme1);
|
|
80
|
-
const stylest2a = getStyles1(theme2);
|
|
81
|
-
const stylest1b = getStyles1(theme1);
|
|
82
|
-
const stylest2b = getStyles1(theme2);
|
|
83
|
-
expect(stylest1a).toBe(stylest1b);
|
|
84
|
-
expect(stylest2a).toBe(stylest2b);
|
|
85
|
-
expect(stylest1a).not.toBe(stylest2a);
|
|
70
|
+
expect(styles.style2).toEqual({
|
|
71
|
+
color: 'blue',
|
|
72
|
+
backgroundColor: 'purple',
|
|
73
|
+
fontSize: 50,
|
|
86
74
|
});
|
|
75
|
+
});
|
|
76
|
+
test('get themed stylesheet caches correctly', () => {
|
|
77
|
+
const theme1 = _createTheme1();
|
|
78
|
+
const theme2 = _createTheme2();
|
|
79
|
+
const stylest1a = getStyles1(theme1);
|
|
80
|
+
const stylest2a = getStyles1(theme2);
|
|
81
|
+
const stylest1b = getStyles1(theme1);
|
|
82
|
+
const stylest2b = getStyles1(theme2);
|
|
83
|
+
expect(stylest1a).toBe(stylest1b);
|
|
84
|
+
expect(stylest2a).toBe(stylest2b);
|
|
85
|
+
expect(stylest1a).not.toBe(stylest2a);
|
|
86
|
+
});
|
|
87
87
|
});
|
|
88
|
-
//# sourceMappingURL=themedStyleSheet.test.js.map
|
|
88
|
+
//# sourceMappingURL=themedStyleSheet.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themedStyleSheet.test.js","sourceRoot":"","sources":["../src/themedStyleSheet.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAQtD,SAAS,aAAa;
|
|
1
|
+
{"version":3,"file":"themedStyleSheet.test.js","sourceRoot":"","sources":["../src/themedStyleSheet.test.ts"],"names":[],"mappings":"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"}
|
package/lib-commonjs/index.d.ts
CHANGED
package/lib-commonjs/index.js
CHANGED
|
@@ -1,6 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3
3
|
exports.themedStyleSheet = void 0;
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports,
|
|
6
|
-
|
|
4
|
+
const themedStyleSheet_1 = require('./themedStyleSheet');
|
|
5
|
+
Object.defineProperty(exports, 'themedStyleSheet', {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function () {
|
|
8
|
+
return themedStyleSheet_1.themedStyleSheet;
|
|
9
|
+
},
|
|
10
|
+
});
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,yDAAsD;AAA7C,oHAAA,gBAAgB,OAAA"}
|
|
@@ -5,7 +5,7 @@ type ObjectBase = {};
|
|
|
5
5
|
* be used as inputs for the style property on components and matches what StyleSheet.create accepts
|
|
6
6
|
*/
|
|
7
7
|
export type NamedStyles<T> = {
|
|
8
|
-
|
|
8
|
+
[P in keyof T]: ViewStyle | TextStyle | ImageStyle;
|
|
9
9
|
};
|
|
10
10
|
/**
|
|
11
11
|
* A convenience wrapper to create style sheets which depend upon values in a theme, and use them in a manner
|
|
@@ -35,6 +35,8 @@ export type NamedStyles<T> = {
|
|
|
35
35
|
* @param generator - a function which will get run once per theme to create a cached style sheet.
|
|
36
36
|
*
|
|
37
37
|
*/
|
|
38
|
-
export declare function themedStyleSheet<TStyles extends NamedStyles<TStyles>, TTheme extends ObjectBase>(
|
|
38
|
+
export declare function themedStyleSheet<TStyles extends NamedStyles<TStyles>, TTheme extends ObjectBase>(
|
|
39
|
+
generator: (theme: TTheme) => NamedStyles<TStyles>,
|
|
40
|
+
): (theme: TTheme) => NamedStyles<TStyles>;
|
|
39
41
|
export {};
|
|
40
|
-
//# sourceMappingURL=themedStyleSheet.d.ts.map
|
|
42
|
+
//# sourceMappingURL=themedStyleSheet.d.ts.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
3
|
-
exports.themedStyleSheet =
|
|
4
|
-
const react_native_1 = require(
|
|
5
|
-
const framework_base_1 = require(
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3
|
+
exports.themedStyleSheet = themedStyleSheet;
|
|
4
|
+
const react_native_1 = require('react-native');
|
|
5
|
+
const framework_base_1 = require('@fluentui-react-native/framework-base');
|
|
6
6
|
/**
|
|
7
7
|
* A convenience wrapper to create style sheets which depend upon values in a theme, and use them in a manner
|
|
8
8
|
* where they are built and cached once per theme. The return value of this routine will be a function
|
|
@@ -32,12 +32,11 @@ const framework_base_1 = require("@fluentui-react-native/framework-base");
|
|
|
32
32
|
*
|
|
33
33
|
*/
|
|
34
34
|
function themedStyleSheet(generator) {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
35
|
+
// create a memo cache for this themed stylesheet
|
|
36
|
+
const cache = (0, framework_base_1.getMemoCache)();
|
|
37
|
+
// now return a theme => styles function
|
|
38
|
+
return (theme) => {
|
|
39
|
+
return cache(() => react_native_1.StyleSheet.create(generator(theme)), [theme])[0];
|
|
40
|
+
};
|
|
41
41
|
}
|
|
42
|
-
|
|
43
|
-
//# sourceMappingURL=themedStyleSheet.js.map
|
|
42
|
+
//# sourceMappingURL=themedStyleSheet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themedStyleSheet.js","sourceRoot":"","sources":["../src/themedStyleSheet.ts"],"names":[],"mappings":";;;AACA,+CAA0C;AAE1C,0EAAqE;AAYrE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,
|
|
1
|
+
{"version":3,"file":"themedStyleSheet.js","sourceRoot":"","sources":["../src/themedStyleSheet.ts"],"names":[],"mappings":";;;AACA,+CAA0C;AAE1C,0EAAqE;AAYrE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,0BACE,SAAkD,EACT;IACzC,iDAAiD;IACjD,MAAM,KAAK,GAAG,IAAA,6BAAY,GAAE,CAAC;IAE7B,wCAAwC;IACxC,OAAO,CAAC,KAAa,EAAE,EAAE,CAAC;QACxB,OAAO,KAAK,CAAC,GAAG,EAAE,CAAC,yBAAU,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAAA,CACrE,CAAC;AAAA,CACH"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=themedStyleSheet.test.d.ts.map
|
|
2
|
+
//# sourceMappingURL=themedStyleSheet.test.d.ts.map
|
|
@@ -1,90 +1,90 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
3
|
-
const themedStyleSheet_1 = require(
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3
|
+
const themedStyleSheet_1 = require('./themedStyleSheet');
|
|
4
4
|
function _createTheme1() {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
return {
|
|
6
|
+
color1: 'blue',
|
|
7
|
+
color2: 'red',
|
|
8
|
+
fontSize: 10,
|
|
9
|
+
};
|
|
10
10
|
}
|
|
11
11
|
function _createTheme2() {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
return {
|
|
13
|
+
color1: 'green',
|
|
14
|
+
color2: 'black',
|
|
15
|
+
fontSize: 12,
|
|
16
|
+
};
|
|
17
17
|
}
|
|
18
18
|
const getStyles1 = (0, themedStyleSheet_1.themedStyleSheet)((t) => {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
19
|
+
return {
|
|
20
|
+
style1: {
|
|
21
|
+
backgroundColor: t.color1,
|
|
22
|
+
color: t.color2,
|
|
23
|
+
fontSize: t.fontSize,
|
|
24
|
+
},
|
|
25
|
+
style2: {
|
|
26
|
+
color: t.color1,
|
|
27
|
+
backgroundColor: 'purple',
|
|
28
|
+
fontSize: 50,
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
31
|
});
|
|
32
32
|
const getThemeOptionalStyles = (0, themedStyleSheet_1.themedStyleSheet)((t) => {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
33
|
+
return {
|
|
34
|
+
style3: {
|
|
35
|
+
backgroundColor: (t && t.color1) || 'white',
|
|
36
|
+
color: (t && t.color2) || 'black',
|
|
37
|
+
fontSize: (t && t.fontSize) || 8,
|
|
38
|
+
},
|
|
39
|
+
};
|
|
40
40
|
});
|
|
41
41
|
describe('Themed style sheet tests', () => {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
});
|
|
42
|
+
test('get no theme stylesheet', () => {
|
|
43
|
+
const styles = getThemeOptionalStyles(undefined);
|
|
44
|
+
expect(styles.style3).toEqual({
|
|
45
|
+
backgroundColor: 'white',
|
|
46
|
+
color: 'black',
|
|
47
|
+
fontSize: 8,
|
|
49
48
|
});
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
49
|
+
});
|
|
50
|
+
test('get no theme stylesheet caches', () => {
|
|
51
|
+
const styles1 = getThemeOptionalStyles(undefined);
|
|
52
|
+
const styles2 = getThemeOptionalStyles(undefined);
|
|
53
|
+
expect(styles1).toBe(styles2);
|
|
54
|
+
});
|
|
55
|
+
test('get conditional stylesheet works with theme', () => {
|
|
56
|
+
const theme = _createTheme1();
|
|
57
|
+
const styles = getThemeOptionalStyles(theme);
|
|
58
|
+
expect(styles.style3).toEqual({
|
|
59
|
+
backgroundColor: 'blue',
|
|
60
|
+
color: 'red',
|
|
61
|
+
fontSize: 10,
|
|
54
62
|
});
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
+
});
|
|
64
|
+
test('get themed stylesheet works for multiples', () => {
|
|
65
|
+
const theme = _createTheme1();
|
|
66
|
+
const styles = getStyles1(theme);
|
|
67
|
+
expect(styles.style1).toEqual({
|
|
68
|
+
backgroundColor: 'blue',
|
|
69
|
+
color: 'red',
|
|
70
|
+
fontSize: 10,
|
|
63
71
|
});
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
backgroundColor: 'blue',
|
|
69
|
-
color: 'red',
|
|
70
|
-
fontSize: 10,
|
|
71
|
-
});
|
|
72
|
-
expect(styles.style2).toEqual({
|
|
73
|
-
color: 'blue',
|
|
74
|
-
backgroundColor: 'purple',
|
|
75
|
-
fontSize: 50,
|
|
76
|
-
});
|
|
77
|
-
});
|
|
78
|
-
test('get themed stylesheet caches correctly', () => {
|
|
79
|
-
const theme1 = _createTheme1();
|
|
80
|
-
const theme2 = _createTheme2();
|
|
81
|
-
const stylest1a = getStyles1(theme1);
|
|
82
|
-
const stylest2a = getStyles1(theme2);
|
|
83
|
-
const stylest1b = getStyles1(theme1);
|
|
84
|
-
const stylest2b = getStyles1(theme2);
|
|
85
|
-
expect(stylest1a).toBe(stylest1b);
|
|
86
|
-
expect(stylest2a).toBe(stylest2b);
|
|
87
|
-
expect(stylest1a).not.toBe(stylest2a);
|
|
72
|
+
expect(styles.style2).toEqual({
|
|
73
|
+
color: 'blue',
|
|
74
|
+
backgroundColor: 'purple',
|
|
75
|
+
fontSize: 50,
|
|
88
76
|
});
|
|
77
|
+
});
|
|
78
|
+
test('get themed stylesheet caches correctly', () => {
|
|
79
|
+
const theme1 = _createTheme1();
|
|
80
|
+
const theme2 = _createTheme2();
|
|
81
|
+
const stylest1a = getStyles1(theme1);
|
|
82
|
+
const stylest2a = getStyles1(theme2);
|
|
83
|
+
const stylest1b = getStyles1(theme1);
|
|
84
|
+
const stylest2b = getStyles1(theme2);
|
|
85
|
+
expect(stylest1a).toBe(stylest1b);
|
|
86
|
+
expect(stylest2a).toBe(stylest2b);
|
|
87
|
+
expect(stylest1a).not.toBe(stylest2a);
|
|
88
|
+
});
|
|
89
89
|
});
|
|
90
|
-
//# sourceMappingURL=themedStyleSheet.test.js.map
|
|
90
|
+
//# sourceMappingURL=themedStyleSheet.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themedStyleSheet.test.js","sourceRoot":"","sources":["../src/themedStyleSheet.test.ts"],"names":[],"mappings":";;AAAA,yDAAsD;AAQtD,SAAS,aAAa;
|
|
1
|
+
{"version":3,"file":"themedStyleSheet.test.js","sourceRoot":"","sources":["../src/themedStyleSheet.test.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,77 +1,80 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/themed-stylesheet",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.8.0",
|
|
4
4
|
"description": "Helper for using react-native StyleSheets with themes",
|
|
5
|
+
"keywords": [],
|
|
5
6
|
"repository": {
|
|
6
7
|
"type": "git",
|
|
7
8
|
"url": "https://github.com/microsoft/fluentui-react-native",
|
|
8
9
|
"directory": "packages/framework/themed-stylesheet"
|
|
9
10
|
},
|
|
10
|
-
"
|
|
11
|
-
"
|
|
12
|
-
"react-native": "src/index.ts",
|
|
11
|
+
"license": "MIT",
|
|
12
|
+
"author": "",
|
|
13
13
|
"exports": {
|
|
14
14
|
".": {
|
|
15
|
+
"types": "./lib/index.d.ts",
|
|
15
16
|
"import": "./lib/index.js",
|
|
16
|
-
"require": "./lib-commonjs/index.js"
|
|
17
|
-
"types": "./lib/index.d.ts"
|
|
17
|
+
"require": "./lib-commonjs/index.js"
|
|
18
18
|
}
|
|
19
19
|
},
|
|
20
|
-
"
|
|
20
|
+
"main": "lib-commonjs/index.js",
|
|
21
|
+
"module": "lib/index.js",
|
|
22
|
+
"types": "lib/index.d.ts",
|
|
21
23
|
"scripts": {
|
|
22
24
|
"build": "fluentui-scripts build",
|
|
23
|
-
"
|
|
25
|
+
"build-cjs": "tsgo --outDir lib-commonjs",
|
|
26
|
+
"build-esm": "tsgo --outDir lib --module esnext --moduleResolution bundler",
|
|
24
27
|
"clean": "fluentui-scripts clean",
|
|
25
28
|
"depcheck": "fluentui-scripts depcheck",
|
|
26
29
|
"lint": "fluentui-scripts eslint",
|
|
30
|
+
"lint-package": "fluentui-scripts lint-package",
|
|
31
|
+
"prettier": "fluentui-scripts prettier",
|
|
27
32
|
"start": "fluentui-scripts dev",
|
|
28
33
|
"start-test": "fluentui-scripts jest-watch",
|
|
29
34
|
"test": "fluentui-scripts jest",
|
|
30
|
-
"update-snapshots": "fluentui-scripts jest -u"
|
|
31
|
-
"prettier": "fluentui-scripts prettier",
|
|
32
|
-
"prettier-fix": "fluentui-scripts prettier --fix true"
|
|
35
|
+
"update-snapshots": "fluentui-scripts jest -u"
|
|
33
36
|
},
|
|
34
|
-
"keywords": [],
|
|
35
|
-
"author": "",
|
|
36
|
-
"license": "MIT",
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@fluentui-react-native/framework-base": "0.
|
|
38
|
+
"@fluentui-react-native/framework-base": "0.3.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@babel/core": "^7.20.0",
|
|
42
42
|
"@fluentui-react-native/babel-config": "0.1.1",
|
|
43
43
|
"@fluentui-react-native/eslint-config-rules": "0.1.1",
|
|
44
44
|
"@fluentui-react-native/jest-config": "0.1.1",
|
|
45
|
-
"@fluentui-react-native/
|
|
46
|
-
"@react-native/
|
|
47
|
-
"@react-native/
|
|
48
|
-
"react": "
|
|
49
|
-
"react-native": "^0.
|
|
45
|
+
"@fluentui-react-native/kit-config": "0.1.2",
|
|
46
|
+
"@fluentui-react-native/scripts": "0.1.2",
|
|
47
|
+
"@react-native-community/cli": "^20.0.0",
|
|
48
|
+
"@react-native-community/cli-platform-android": "^20.0.0",
|
|
49
|
+
"@react-native-community/cli-platform-ios": "^20.0.0",
|
|
50
|
+
"@react-native/babel-preset": "^0.81.0",
|
|
51
|
+
"@react-native/metro-config": "^0.81.0",
|
|
52
|
+
"@types/react": "~19.1.0",
|
|
53
|
+
"react": "19.1.0",
|
|
54
|
+
"react-native": "^0.81.0"
|
|
50
55
|
},
|
|
51
56
|
"peerDependencies": {
|
|
52
|
-
"react": "18.2.0",
|
|
53
|
-
"react
|
|
57
|
+
"@types/react": "~18.2.0 || ~19.0.0 || ~19.1.0",
|
|
58
|
+
"react": "18.2.0 || 19.0.0 || 19.1.0",
|
|
59
|
+
"react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0"
|
|
60
|
+
},
|
|
61
|
+
"peerDependenciesMeta": {
|
|
62
|
+
"@types/react": {
|
|
63
|
+
"optional": true
|
|
64
|
+
}
|
|
54
65
|
},
|
|
55
66
|
"rnx-kit": {
|
|
56
67
|
"kitType": "library",
|
|
57
68
|
"alignDeps": {
|
|
58
|
-
"presets": [
|
|
59
|
-
"microsoft/react-native"
|
|
60
|
-
],
|
|
61
|
-
"requirements": {
|
|
62
|
-
"development": [
|
|
63
|
-
"react-native@0.74"
|
|
64
|
-
],
|
|
65
|
-
"production": [
|
|
66
|
-
"react-native@0.73 || 0.74"
|
|
67
|
-
]
|
|
68
|
-
},
|
|
69
69
|
"capabilities": [
|
|
70
70
|
"babel-preset-react-native",
|
|
71
71
|
"core",
|
|
72
72
|
"core-android",
|
|
73
|
-
"core-ios"
|
|
73
|
+
"core-ios",
|
|
74
|
+
"tools-core",
|
|
75
|
+
"tools-jest"
|
|
74
76
|
]
|
|
75
|
-
}
|
|
77
|
+
},
|
|
78
|
+
"extends": "@fluentui-react-native/kit-config"
|
|
76
79
|
}
|
|
77
|
-
}
|
|
80
|
+
}
|