@fluentui-react-native/use-styling 0.7.1 → 0.8.2
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 +108 -1
- package/CHANGELOG.md +42 -2
- package/lib/buildProps.test.js +1 -11
- package/lib/buildProps.test.js.map +1 -1
- package/lib/buildUseStyling.js +2 -19
- package/lib/buildUseStyling.js.map +1 -1
- package/lib/buildUseStyling.test.js +1 -11
- package/lib/buildUseStyling.test.js.map +1 -1
- package/lib/useStyling.samples.test.js +2 -19
- package/lib/useStyling.samples.test.js.map +1 -1
- package/lib-commonjs/buildProps.js +1 -0
- package/lib-commonjs/buildProps.js.map +1 -1
- package/lib-commonjs/buildProps.test.js +6 -16
- package/lib-commonjs/buildProps.test.js.map +1 -1
- package/lib-commonjs/buildUseStyling.js +7 -23
- package/lib-commonjs/buildUseStyling.js.map +1 -1
- package/lib-commonjs/buildUseStyling.test.js +5 -15
- package/lib-commonjs/buildUseStyling.test.js.map +1 -1
- package/lib-commonjs/index.js +5 -6
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/useStyling.samples.test.js +18 -45
- package/lib-commonjs/useStyling.samples.test.js.map +1 -1
- package/package.json +9 -7
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,114 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/use-styling",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Mon, 20 Dec 2021 22:51:37 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/use-styling_v0.8.2",
|
|
7
|
+
"version": "0.8.2",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "ruaraki@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/use-styling",
|
|
13
|
+
"commit": "f4a5b4f5c9c190400e3e34c4a33b3ed30696d41e",
|
|
14
|
+
"comment": "Add repository property to all package.json files"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/use-styling",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/memo-cache to v1.1.7",
|
|
20
|
+
"commit": "32b4aee7297f4dee329ceb27ccf92ae254b2561f"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/use-styling",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/use-tokens to v0.2.2",
|
|
26
|
+
"commit": "32b4aee7297f4dee329ceb27ccf92ae254b2561f"
|
|
27
|
+
}
|
|
28
|
+
]
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"date": "Sat, 18 Dec 2021 04:15:05 GMT",
|
|
33
|
+
"tag": "@fluentui-react-native/use-styling_v0.8.1",
|
|
34
|
+
"version": "0.8.1",
|
|
35
|
+
"comments": {
|
|
36
|
+
"patch": [
|
|
37
|
+
{
|
|
38
|
+
"author": "afoxman@microsoft.com",
|
|
39
|
+
"package": "@fluentui-react-native/use-styling",
|
|
40
|
+
"commit": "38fe241a385ecd1ce4e51b5bcba57a9dd0426789",
|
|
41
|
+
"comment": "Update to TypeScript 4.5.4."
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"author": "beachball",
|
|
45
|
+
"package": "@fluentui-react-native/use-styling",
|
|
46
|
+
"comment": "Bump @fluentui-react-native/memo-cache to v1.1.6",
|
|
47
|
+
"commit": "38fe241a385ecd1ce4e51b5bcba57a9dd0426789"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"author": "beachball",
|
|
51
|
+
"package": "@fluentui-react-native/use-styling",
|
|
52
|
+
"comment": "Bump @fluentui-react-native/use-tokens to v0.2.1",
|
|
53
|
+
"commit": "38fe241a385ecd1ce4e51b5bcba57a9dd0426789"
|
|
54
|
+
}
|
|
55
|
+
]
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"date": "Wed, 17 Nov 2021 19:28:07 GMT",
|
|
60
|
+
"tag": "@fluentui-react-native/use-styling_v0.8.0",
|
|
61
|
+
"version": "0.8.0",
|
|
62
|
+
"comments": {
|
|
63
|
+
"minor": [
|
|
64
|
+
{
|
|
65
|
+
"comment": "Update to react-native 0.64",
|
|
66
|
+
"author": "afoxman@microsoft.com",
|
|
67
|
+
"commit": "f16d742b5c2d5b97e49ac1ef7b740cbf89fc42e6",
|
|
68
|
+
"package": "@fluentui-react-native/use-styling"
|
|
69
|
+
}
|
|
70
|
+
],
|
|
71
|
+
"patch": [
|
|
72
|
+
{
|
|
73
|
+
"comment": "Bump @fluentui-react-native/use-tokens to v0.2.0",
|
|
74
|
+
"author": "afoxman@microsoft.com",
|
|
75
|
+
"commit": "f16d742b5c2d5b97e49ac1ef7b740cbf89fc42e6",
|
|
76
|
+
"package": "@fluentui-react-native/use-styling"
|
|
77
|
+
}
|
|
78
|
+
]
|
|
79
|
+
}
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
"date": "Thu, 11 Nov 2021 23:17:41 GMT",
|
|
83
|
+
"tag": "@fluentui-react-native/use-styling_v0.7.2",
|
|
84
|
+
"version": "0.7.2",
|
|
85
|
+
"comments": {
|
|
86
|
+
"none": [
|
|
87
|
+
{
|
|
88
|
+
"comment": "Bump @fluentui-react-native/use-tokens to v0.1.7",
|
|
89
|
+
"author": "ruaraki@microsoft.com",
|
|
90
|
+
"commit": "110fba2a1721a914501404f6040f07656307549e",
|
|
91
|
+
"package": "@fluentui-react-native/use-styling"
|
|
92
|
+
}
|
|
93
|
+
]
|
|
94
|
+
}
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
"date": "Mon, 25 Oct 2021 19:24:43 GMT",
|
|
98
|
+
"tag": "@fluentui-react-native/use-styling_v0.7.2",
|
|
99
|
+
"version": "0.7.2",
|
|
100
|
+
"comments": {
|
|
101
|
+
"patch": [
|
|
102
|
+
{
|
|
103
|
+
"comment": "Use tslib where spreadArray is used",
|
|
104
|
+
"author": "ruaraki@microsoft.com",
|
|
105
|
+
"commit": "f6578742d6c957cf7e346db82f89171f80bedc3b",
|
|
106
|
+
"package": "@fluentui-react-native/use-styling"
|
|
107
|
+
}
|
|
108
|
+
]
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
"date": "Wed, 20 Oct 2021 03:46:25 GMT",
|
|
6
113
|
"tag": "@fluentui-react-native/use-styling_v0.7.1",
|
|
7
114
|
"version": "0.7.1",
|
|
8
115
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,52 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/use-styling
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Mon, 20 Dec 2021 22:51:37 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.8.2
|
|
8
|
+
|
|
9
|
+
Mon, 20 Dec 2021 22:51:37 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Add repository property to all package.json files (ruaraki@microsoft.com)
|
|
14
|
+
- Bump @fluentui-react-native/memo-cache to v1.1.7
|
|
15
|
+
- Bump @fluentui-react-native/use-tokens to v0.2.2
|
|
16
|
+
|
|
17
|
+
## 0.8.1
|
|
18
|
+
|
|
19
|
+
Sat, 18 Dec 2021 04:15:05 GMT
|
|
20
|
+
|
|
21
|
+
### Patches
|
|
22
|
+
|
|
23
|
+
- Update to TypeScript 4.5.4. (afoxman@microsoft.com)
|
|
24
|
+
- Bump @fluentui-react-native/memo-cache to v1.1.6
|
|
25
|
+
- Bump @fluentui-react-native/use-tokens to v0.2.1
|
|
26
|
+
|
|
27
|
+
## 0.8.0
|
|
28
|
+
|
|
29
|
+
Wed, 17 Nov 2021 19:28:07 GMT
|
|
30
|
+
|
|
31
|
+
### Minor changes
|
|
32
|
+
|
|
33
|
+
- Update to react-native 0.64 (afoxman@microsoft.com)
|
|
34
|
+
|
|
35
|
+
### Patches
|
|
36
|
+
|
|
37
|
+
- Bump @fluentui-react-native/use-tokens to v0.2.0 (afoxman@microsoft.com)
|
|
38
|
+
|
|
39
|
+
## 0.7.2
|
|
40
|
+
|
|
41
|
+
Mon, 25 Oct 2021 19:24:43 GMT
|
|
42
|
+
|
|
43
|
+
### Patches
|
|
44
|
+
|
|
45
|
+
- Use tslib where spreadArray is used (ruaraki@microsoft.com)
|
|
46
|
+
|
|
7
47
|
## 0.7.1
|
|
8
48
|
|
|
9
|
-
Wed, 20 Oct 2021 03:
|
|
49
|
+
Wed, 20 Oct 2021 03:46:25 GMT
|
|
10
50
|
|
|
11
51
|
### Patches
|
|
12
52
|
|
package/lib/buildProps.test.js
CHANGED
|
@@ -1,14 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
1
|
+
import { __assign } from "tslib";
|
|
12
2
|
import { getMemoCache } from '@fluentui-react-native/memo-cache';
|
|
13
3
|
import { buildProps } from './buildProps';
|
|
14
4
|
var theme = { foo: 'foo', bar: 'bar' };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildProps.test.js","sourceRoot":"","sources":["../src/buildProps.test.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"buildProps.test.js","sourceRoot":"","sources":["../src/buildProps.test.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM1C,IAAM,KAAK,GAAW,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AAEjD,IAAI,aAAa,GAAG,CAAC,CAAC;AAEtB,SAAS,KAAK,CAAC,MAAe,EAAE,KAAa;IAC3C,sCACK,KAAK,GACL,MAAM,KACT,QAAQ,EAAE,aAAa,EAAE,IACzB;AACJ,CAAC;AAED,QAAQ,CAAC,sBAAsB,EAAE;IAC/B,IAAI,CAAC,+CAA+C,EAAE;QACpD,IAAM,KAAK,GAAG,YAAY,EAAE,CAAC;QAC7B,IAAM,OAAO,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QAC9C,IAAM,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QAC7D,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACrE,IAAM,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACrD,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACxB,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,0DAA0D,EAAE;QAC/D,IAAM,KAAK,GAAG,YAAY,EAAE,CAAC;QAC7B,IAAM,OAAO,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QACxD,IAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QAC7C,IAAM,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;QAC9C,IAAM,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC;QAElD,IAAM,EAAE,GAAG,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACrC,IAAM,EAAE,GAAG,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACrC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAExB,IAAM,GAAG,GAAG,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACxC,IAAM,GAAG,GAAG,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACxC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
package/lib/buildUseStyling.js
CHANGED
|
@@ -1,21 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __spreadArrays = (this && this.__spreadArrays) || function () {
|
|
13
|
-
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
|
14
|
-
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
15
|
-
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
16
|
-
r[k] = a[j];
|
|
17
|
-
return r;
|
|
18
|
-
};
|
|
1
|
+
import { __assign, __spreadArray } from "tslib";
|
|
19
2
|
import { refinePropsFunctions } from './buildProps';
|
|
20
3
|
import { applyPropsToTokens, applyTokenLayers, buildUseTokens } from '@fluentui-react-native/use-tokens';
|
|
21
4
|
/**
|
|
@@ -45,7 +28,7 @@ export function buildUseStyling(options, themeHelper) {
|
|
|
45
28
|
var useTheme = themeHelper.useTheme, getComponentInfo = themeHelper.getComponentInfo;
|
|
46
29
|
var tokens = options.tokens, tokenProps = options.tokensThatAreAlsoProps;
|
|
47
30
|
var styles = refinePropsFunctions(options.slotProps || {}, tokenProps);
|
|
48
|
-
var useTokens = buildUseTokens.apply(void 0,
|
|
31
|
+
var useTokens = buildUseTokens.apply(void 0, __spreadArray([getComponentInfo], tokens, false));
|
|
49
32
|
return function (props, lookup) {
|
|
50
33
|
var _a, _b;
|
|
51
34
|
// query the theme
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildUseStyling.js","sourceRoot":"","sources":["../src/buildUseStyling.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"buildUseStyling.js","sourceRoot":"","sources":["../src/buildUseStyling.ts"],"names":[],"mappings":";AACA,OAAO,EAA0C,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAC5F,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,cAAc,EAA2B,MAAM,mCAAmC,CAAC;AAiDlI;;;;;;;GAOG;AACH,SAAS,kBAAkB,CACzB,MAAmD,EACnD,MAAe,EACf,KAAa,EACb,KAA4B;IAE5B,IAAM,SAAS,GAAG,EAAE,CAAC;IACrB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,UAAC,GAAG;QAC9B,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1B,SAAS,CAAC,GAAG,CAAC,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACrG,CAAC,CAAC,CAAC;IACH,OAAO,SAAuB,CAAC;AACjC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAC7B,OAA+D,EAC/D,WAAgC;IAEhC,8DAA8D;IACtD,IAAA,QAAQ,GAAuB,WAAW,SAAlC,EAAE,gBAAgB,GAAK,WAAW,iBAAhB,CAAiB;IAC3C,IAAA,MAAM,GAAyC,OAAO,OAAhD,EAA0B,UAAU,GAAK,OAAO,uBAAZ,CAAa;IAC/D,IAAM,MAAM,GAAG,oBAAoB,CAAC,OAAO,CAAC,SAAS,IAAI,EAAE,EAAE,UAAU,CAAC,CAAC;IACzE,IAAM,SAAS,GAAG,cAAc,8BAAkB,gBAAgB,GAAK,MAAM,SAAC,CAAC;IAE/E,OAAO,UAAC,KAAa,EAAE,MAAiB;;QACtC,kBAAkB;QAClB,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;QAEzB,uCAAuC;QACnC,IAAA,KAAwB,SAAS,CAAC,KAAK,CAAC,EAAvC,YAAY,QAAA,EAAE,KAAK,QAAoB,CAAC;QAE7C,mCAAmC;QACnC,IAAI,OAAO,CAAC,MAAM,EAAE;YAClB,KAAwB,gBAAgB,CAAC,YAAY,EAAE,OAAO,CAAC,MAAkB,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,KAAK,CAAC,GAAG,CAAC,EAAV,CAAU,CAAC,CAAC,EAAzH,YAAY,QAAA,EAAE,KAAK,QAAA,CAAuG;SAC5H;QAED,qBAAqB;QACrB,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;YAC/D,KAAwB,kBAAkB,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,CAAC,EAAjF,YAAY,QAAA,EAAE,KAAK,QAAA,CAA+D;SACpF;aAAM,IAAI,UAAU,KAAK,KAAK,EAAE;YAC/B,YAAY,yBAAQ,YAAY,GAAK,KAAK,CAAE,CAAC;SAC9C;QAED,2EAA2E;QAC3E,OAAO,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAChE,CAAC,CAAC;AACJ,CAAC"}
|
|
@@ -1,14 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
1
|
+
import { __assign } from "tslib";
|
|
12
2
|
import { buildUseStyling } from './buildUseStyling';
|
|
13
3
|
import { getMemoCache } from '@fluentui-react-native/memo-cache';
|
|
14
4
|
import { buildProps } from './buildProps';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildUseStyling.test.js","sourceRoot":"","sources":["../src/buildUseStyling.test.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"buildUseStyling.test.js","sourceRoot":"","sources":["../src/buildUseStyling.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,21 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __spreadArrays = (this && this.__spreadArrays) || function () {
|
|
13
|
-
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
|
14
|
-
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
15
|
-
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
16
|
-
r[k] = a[j];
|
|
17
|
-
return r;
|
|
18
|
-
};
|
|
1
|
+
import { __assign, __spreadArray } from "tslib";
|
|
19
2
|
import { buildUseStyling } from './buildUseStyling';
|
|
20
3
|
import { Text, View } from 'react-native';
|
|
21
4
|
import { buildProps } from './buildProps';
|
|
@@ -139,7 +122,7 @@ describe('useStyling samples', function () {
|
|
|
139
122
|
* If we didn't want to add the extra 'Sample2' lookup this line would be omitted. If we didn't want to look up 'Sample1' first
|
|
140
123
|
* that could be filtered out of the array that is being copied
|
|
141
124
|
*/
|
|
142
|
-
tokens:
|
|
125
|
+
tokens: __spreadArray(__spreadArray([], sample1StylingOptions.tokens, true), ['Sample2'], false),
|
|
143
126
|
/**
|
|
144
127
|
* This is the final bit of magic. The tokens will already have values set from the global theme, they will then be patched with
|
|
145
128
|
* any customizations set into Sample1 and/or Sample2.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useStyling.samples.test.js","sourceRoot":"","sources":["../src/useStyling.samples.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useStyling.samples.test.js","sourceRoot":"","sources":["../src/useStyling.samples.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.refinePropsFunctions = exports.buildProps = void 0;
|
|
3
4
|
function cacheStyleClosure(fn, keys) {
|
|
4
5
|
return function (tokens, theme, cache) {
|
|
5
6
|
return cache(function () { return fn(tokens, theme); }, (keys || []).map(function (key) { return tokens[key]; }))[0];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildProps.js","sourceRoot":"","sources":["../src/buildProps.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"buildProps.js","sourceRoot":"","sources":["../src/buildProps.ts"],"names":[],"mappings":";;;AA4CA,SAAS,iBAAiB,CACxB,EAA8C,EAC9C,IAAwB;IAExB,OAAO,UAAC,MAAe,EAAE,KAAa,EAAE,KAA2B;QACjE,OAAA,KAAK,CACH,cAAM,OAAA,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,EAAjB,CAAiB,EACvB,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,MAAM,CAAC,GAAG,CAAC,EAAX,CAAW,CAAC,CACvC,CAAC,CAAC,CAAC;IAHJ,CAGI,CAAC;AACT,CAAC;AAED,SAAS,UAAU,CAAU,IAAuB,EAAE,IAAsC;IAC1F,OAAO,OAAO,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QACpD,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,UAAC,GAAG,IAAK,OAAA,IAAI,CAAC,SAAS,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,KAAK,GAAG,EAAX,CAAW,CAAC,KAAK,CAAC,CAAC,EAA3C,CAA2C,CAAC;QACnE,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,EAAE,CAAC;AACT,CAAC;AAED;;;;;GAKG;AACH,SAAgB,UAAU,CACxB,EAA8C,EAC9C,IAAwB;IAExB,6FAA6F;IAC7F,IAAM,MAAM,GAAG,iBAAiB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IAE3C,8GAA8G;IAC9G,MAAM,CAAC,MAAM;QACX,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;YACrB,CAAC,CAAC,UAAC,IAAsC;gBACrC,OAAO,iBAAiB,CAAC,EAAE,EAAE,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;YACvD,CAAC;YACH,CAAC,CAAC,SAAS,CAAC;IAEhB,+DAA+D;IAC/D,OAAO,MAAM,CAAC;AAChB,CAAC;AAjBD,gCAiBC;AAED;;;;;GAKG;AACH,SAAgB,oBAAoB,CAClC,MAAmD,EACnD,IAAqC;IAErC,IAAM,MAAM,GAAG,EAAE,CAAC;IAClB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,UAAC,GAAG;QAC9B,IAAM,MAAM,GACV,OAAO,MAAM,CAAC,GAAG,CAAC,KAAK,UAAU,IAAK,MAAM,CAAC,GAAG,CAA4E,CAAC,MAAM,CAAC;QACtI,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAChB,CAAC;AAXD,oDAWC"}
|
|
@@ -1,27 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
14
4
|
var memo_cache_1 = require("@fluentui-react-native/memo-cache");
|
|
15
5
|
var buildProps_1 = require("./buildProps");
|
|
16
6
|
var theme = { foo: 'foo', bar: 'bar' };
|
|
17
7
|
var instanceCount = 0;
|
|
18
8
|
function munge(tokens, theme) {
|
|
19
|
-
return __assign(__assign(__assign({}, theme), tokens), { instance: instanceCount++ });
|
|
9
|
+
return (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, theme), tokens), { instance: instanceCount++ });
|
|
20
10
|
}
|
|
21
11
|
describe('props function tests', function () {
|
|
22
12
|
test('basic build props function caches as expected', function () {
|
|
23
|
-
var cache = memo_cache_1.getMemoCache();
|
|
24
|
-
var styleFn = buildProps_1.buildProps(munge, ['a', 'b']);
|
|
13
|
+
var cache = (0, memo_cache_1.getMemoCache)();
|
|
14
|
+
var styleFn = (0, buildProps_1.buildProps)(munge, ['a', 'b']);
|
|
25
15
|
var p1 = styleFn({ a: 'a', b: 'b', c: 'c' }, theme, cache);
|
|
26
16
|
expect(styleFn({ a: 'a', b: 'b', c: 'foo' }, theme, cache)).toBe(p1);
|
|
27
17
|
var p2 = styleFn({ a: 'b', b: 'b' }, theme, cache);
|
|
@@ -29,8 +19,8 @@ describe('props function tests', function () {
|
|
|
29
19
|
expect(styleFn({ a: 'b', b: 'b', c: 'bar' }, theme, cache)).toBe(p2);
|
|
30
20
|
});
|
|
31
21
|
test('build props function refinement works with explicit keys', function () {
|
|
32
|
-
var cache = memo_cache_1.getMemoCache();
|
|
33
|
-
var styleFn = buildProps_1.buildProps(munge, ['a', 'b', 'c', 'd']);
|
|
22
|
+
var cache = (0, memo_cache_1.getMemoCache)();
|
|
23
|
+
var styleFn = (0, buildProps_1.buildProps)(munge, ['a', 'b', 'c', 'd']);
|
|
34
24
|
var refinedFn = styleFn.refine(['a', 'b']);
|
|
35
25
|
var t1 = { a: 'a', b: 'b', c: 'c', d: 'd' };
|
|
36
26
|
var t2 = { a: 'a', b: 'b', c: 'foo', d: 'bar' };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildProps.test.js","sourceRoot":"","sources":["../src/buildProps.test.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"buildProps.test.js","sourceRoot":"","sources":["../src/buildProps.test.ts"],"names":[],"mappings":";;;AAAA,gEAAiE;AACjE,2CAA0C;AAM1C,IAAM,KAAK,GAAW,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AAEjD,IAAI,aAAa,GAAG,CAAC,CAAC;AAEtB,SAAS,KAAK,CAAC,MAAe,EAAE,KAAa;IAC3C,6EACK,KAAK,GACL,MAAM,KACT,QAAQ,EAAE,aAAa,EAAE,IACzB;AACJ,CAAC;AAED,QAAQ,CAAC,sBAAsB,EAAE;IAC/B,IAAI,CAAC,+CAA+C,EAAE;QACpD,IAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;QAC7B,IAAM,OAAO,GAAG,IAAA,uBAAU,EAAC,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QAC9C,IAAM,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QAC7D,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACrE,IAAM,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACrD,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACxB,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,0DAA0D,EAAE;QAC/D,IAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;QAC7B,IAAM,OAAO,GAAG,IAAA,uBAAU,EAAC,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QACxD,IAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QAC7C,IAAM,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;QAC9C,IAAM,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC;QAElD,IAAM,EAAE,GAAG,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACrC,IAAM,EAAE,GAAG,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACrC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAExB,IAAM,GAAG,GAAG,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACxC,IAAM,GAAG,GAAG,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACxC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,23 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __spreadArrays = (this && this.__spreadArrays) || function () {
|
|
14
|
-
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
|
15
|
-
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
16
|
-
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
17
|
-
r[k] = a[j];
|
|
18
|
-
return r;
|
|
19
|
-
};
|
|
20
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.buildUseStyling = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
21
5
|
var buildProps_1 = require("./buildProps");
|
|
22
6
|
var use_tokens_1 = require("@fluentui-react-native/use-tokens");
|
|
23
7
|
/**
|
|
@@ -46,8 +30,8 @@ function buildUseStyling(options, themeHelper) {
|
|
|
46
30
|
// create a cache instance for this use styling implementation
|
|
47
31
|
var useTheme = themeHelper.useTheme, getComponentInfo = themeHelper.getComponentInfo;
|
|
48
32
|
var tokens = options.tokens, tokenProps = options.tokensThatAreAlsoProps;
|
|
49
|
-
var styles = buildProps_1.refinePropsFunctions(options.slotProps || {}, tokenProps);
|
|
50
|
-
var useTokens = use_tokens_1.buildUseTokens.apply(void 0,
|
|
33
|
+
var styles = (0, buildProps_1.refinePropsFunctions)(options.slotProps || {}, tokenProps);
|
|
34
|
+
var useTokens = use_tokens_1.buildUseTokens.apply(void 0, (0, tslib_1.__spreadArray)([getComponentInfo], tokens, false));
|
|
51
35
|
return function (props, lookup) {
|
|
52
36
|
var _a, _b;
|
|
53
37
|
// query the theme
|
|
@@ -56,14 +40,14 @@ function buildUseStyling(options, themeHelper) {
|
|
|
56
40
|
var _c = useTokens(theme), mergedTokens = _c[0], cache = _c[1];
|
|
57
41
|
// resolve overrides as appropriate
|
|
58
42
|
if (options.states) {
|
|
59
|
-
_a = use_tokens_1.applyTokenLayers(mergedTokens, options.states, cache, lookup || (function (val) { return props[val]; })), mergedTokens = _a[0], cache = _a[1];
|
|
43
|
+
_a = (0, use_tokens_1.applyTokenLayers)(mergedTokens, options.states, cache, lookup || (function (val) { return props[val]; })), mergedTokens = _a[0], cache = _a[1];
|
|
60
44
|
}
|
|
61
45
|
// now resolve tokens
|
|
62
46
|
if (typeof tokenProps === 'object' && Array.isArray(tokenProps)) {
|
|
63
|
-
_b = use_tokens_1.applyPropsToTokens(props, mergedTokens, cache, tokenProps), mergedTokens = _b[0], cache = _b[1];
|
|
47
|
+
_b = (0, use_tokens_1.applyPropsToTokens)(props, mergedTokens, cache, tokenProps), mergedTokens = _b[0], cache = _b[1];
|
|
64
48
|
}
|
|
65
49
|
else if (tokenProps === 'all') {
|
|
66
|
-
mergedTokens = __assign(__assign({}, mergedTokens), props);
|
|
50
|
+
mergedTokens = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, mergedTokens), props);
|
|
67
51
|
}
|
|
68
52
|
// finally produce slotProps from calling the style functions on each entry
|
|
69
53
|
return resolveToSlotProps(styles, mergedTokens, theme, cache);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildUseStyling.js","sourceRoot":"","sources":["../src/buildUseStyling.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"buildUseStyling.js","sourceRoot":"","sources":["../src/buildUseStyling.ts"],"names":[],"mappings":";;;;AACA,2CAA4F;AAC5F,gEAAkI;AAiDlI;;;;;;;GAOG;AACH,SAAS,kBAAkB,CACzB,MAAmD,EACnD,MAAe,EACf,KAAa,EACb,KAA4B;IAE5B,IAAM,SAAS,GAAG,EAAE,CAAC;IACrB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,UAAC,GAAG;QAC9B,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1B,SAAS,CAAC,GAAG,CAAC,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACrG,CAAC,CAAC,CAAC;IACH,OAAO,SAAuB,CAAC;AACjC,CAAC;AAED;;;;;GAKG;AACH,SAAgB,eAAe,CAC7B,OAA+D,EAC/D,WAAgC;IAEhC,8DAA8D;IACtD,IAAA,QAAQ,GAAuB,WAAW,SAAlC,EAAE,gBAAgB,GAAK,WAAW,iBAAhB,CAAiB;IAC3C,IAAA,MAAM,GAAyC,OAAO,OAAhD,EAA0B,UAAU,GAAK,OAAO,uBAAZ,CAAa;IAC/D,IAAM,MAAM,GAAG,IAAA,iCAAoB,EAAC,OAAO,CAAC,SAAS,IAAI,EAAE,EAAE,UAAU,CAAC,CAAC;IACzE,IAAM,SAAS,GAAG,2BAAc,2CAAkB,gBAAgB,GAAK,MAAM,SAAC,CAAC;IAE/E,OAAO,UAAC,KAAa,EAAE,MAAiB;;QACtC,kBAAkB;QAClB,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;QAEzB,uCAAuC;QACnC,IAAA,KAAwB,SAAS,CAAC,KAAK,CAAC,EAAvC,YAAY,QAAA,EAAE,KAAK,QAAoB,CAAC;QAE7C,mCAAmC;QACnC,IAAI,OAAO,CAAC,MAAM,EAAE;YAClB,KAAwB,IAAA,6BAAgB,EAAC,YAAY,EAAE,OAAO,CAAC,MAAkB,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,KAAK,CAAC,GAAG,CAAC,EAAV,CAAU,CAAC,CAAC,EAAzH,YAAY,QAAA,EAAE,KAAK,QAAA,CAAuG;SAC5H;QAED,qBAAqB;QACrB,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;YAC/D,KAAwB,IAAA,+BAAkB,EAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,CAAC,EAAjF,YAAY,QAAA,EAAE,KAAK,QAAA,CAA+D;SACpF;aAAM,IAAI,UAAU,KAAK,KAAK,EAAE;YAC/B,YAAY,mDAAQ,YAAY,GAAK,KAAK,CAAE,CAAC;SAC9C;QAED,2EAA2E;QAC3E,OAAO,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAChE,CAAC,CAAC;AACJ,CAAC;AAhCD,0CAgCC"}
|
|
@@ -1,16 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
14
4
|
var buildUseStyling_1 = require("./buildUseStyling");
|
|
15
5
|
var memo_cache_1 = require("@fluentui-react-native/memo-cache");
|
|
16
6
|
var buildProps_1 = require("./buildProps");
|
|
@@ -48,10 +38,10 @@ var themeHelper = {
|
|
|
48
38
|
};
|
|
49
39
|
var slotFn1 = function (tokens, theme) {
|
|
50
40
|
return {
|
|
51
|
-
style: __assign(__assign({ a: tokens.a, b: tokens.b, c: tokens.c }, theme.vals), { instance: lastInstance++ }),
|
|
41
|
+
style: (0, tslib_1.__assign)((0, tslib_1.__assign)({ a: tokens.a, b: tokens.b, c: tokens.c }, theme.vals), { instance: lastInstance++ }),
|
|
52
42
|
};
|
|
53
43
|
};
|
|
54
|
-
var extraCache = memo_cache_1.getMemoCache();
|
|
44
|
+
var extraCache = (0, memo_cache_1.getMemoCache)();
|
|
55
45
|
var slotFn2 = function (tokens) {
|
|
56
46
|
return extraCache(function () { return ({
|
|
57
47
|
style: {
|
|
@@ -76,14 +66,14 @@ var baseOptions = {
|
|
|
76
66
|
instance: lastInstance++,
|
|
77
67
|
},
|
|
78
68
|
},
|
|
79
|
-
slot2: buildProps_1.buildProps(slotFn1, ['a', 'b', 'c']),
|
|
69
|
+
slot2: (0, buildProps_1.buildProps)(slotFn1, ['a', 'b', 'c']),
|
|
80
70
|
slot3: slotFn2,
|
|
81
71
|
},
|
|
82
72
|
tokensThatAreAlsoProps: ['b'],
|
|
83
73
|
};
|
|
84
74
|
describe('useStyling test suite', function () {
|
|
85
75
|
test('basic built hook', function () {
|
|
86
|
-
var useStyling = buildUseStyling_1.buildUseStyling(baseOptions, themeHelper);
|
|
76
|
+
var useStyling = (0, buildUseStyling_1.buildUseStyling)(baseOptions, themeHelper);
|
|
87
77
|
var slotProps = useStyling({});
|
|
88
78
|
var slotProps2 = useStyling({ p1: 2, p2: 'bar' });
|
|
89
79
|
Object.keys(slotProps).forEach(function (key) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildUseStyling.test.js","sourceRoot":"","sources":["../src/buildUseStyling.test.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"buildUseStyling.test.js","sourceRoot":"","sources":["../src/buildUseStyling.test.ts"],"names":[],"mappings":"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"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
function __export(m) {
|
|
3
|
-
for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
|
|
4
|
-
}
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
exports.applyTokenLayers = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
(0, tslib_1.__exportStar)(require("./buildUseStyling"), exports);
|
|
6
|
+
(0, tslib_1.__exportStar)(require("./buildProps"), exports);
|
|
8
7
|
var use_tokens_1 = require("@fluentui-react-native/use-tokens");
|
|
9
|
-
exports
|
|
8
|
+
Object.defineProperty(exports, "applyTokenLayers", { enumerable: true, get: function () { return use_tokens_1.applyTokenLayers; } });
|
|
10
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,iEAAkC;AAClC,4DAA6B;AAC7B,gEAA+G;AAA5F,8GAAA,gBAAgB,OAAA"}
|
|
@@ -1,38 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __spreadArrays = (this && this.__spreadArrays) || function () {
|
|
14
|
-
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
|
15
|
-
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
16
|
-
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
17
|
-
r[k] = a[j];
|
|
18
|
-
return r;
|
|
19
|
-
};
|
|
20
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
21
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
22
|
-
};
|
|
23
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
24
|
-
if (mod && mod.__esModule) return mod;
|
|
25
|
-
var result = {};
|
|
26
|
-
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
|
|
27
|
-
result["default"] = mod;
|
|
28
|
-
return result;
|
|
29
|
-
};
|
|
30
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
31
4
|
var buildUseStyling_1 = require("./buildUseStyling");
|
|
32
5
|
var react_native_1 = require("react-native");
|
|
33
6
|
var buildProps_1 = require("./buildProps");
|
|
34
|
-
var enzyme_to_json_1 = __importDefault(require("enzyme-to-json"));
|
|
35
|
-
var React = __importStar(require("react"));
|
|
7
|
+
var enzyme_to_json_1 = (0, tslib_1.__importDefault)(require("enzyme-to-json"));
|
|
8
|
+
var React = (0, tslib_1.__importStar)(require("react"));
|
|
36
9
|
var enzyme_1 = require("enzyme");
|
|
37
10
|
/**
|
|
38
11
|
* The default/base theme just contains base values
|
|
@@ -52,7 +25,7 @@ var current = { theme: baseTheme };
|
|
|
52
25
|
* this wrapper solves the (so-far) inexplicable type errors from the matchers in typescript
|
|
53
26
|
*/
|
|
54
27
|
function snapshotTestTree(tree) {
|
|
55
|
-
expect(enzyme_to_json_1.default(tree)).toMatchSnapshot();
|
|
28
|
+
expect((0, enzyme_to_json_1.default)(tree)).toMatchSnapshot();
|
|
56
29
|
}
|
|
57
30
|
/**
|
|
58
31
|
* Because the buildUseStyling utility is not opinionated about theming, the theming is injected via
|
|
@@ -63,7 +36,7 @@ var themeHelper = {
|
|
|
63
36
|
useTheme: function () { return current.theme; },
|
|
64
37
|
getComponentInfo: function (theme, name) { return theme.components[name]; },
|
|
65
38
|
setActive: function (theme) {
|
|
66
|
-
current.theme = theme ? __assign(__assign({}, baseTheme), theme) : baseTheme;
|
|
39
|
+
current.theme = theme ? (0, tslib_1.__assign)((0, tslib_1.__assign)({}, baseTheme), theme) : baseTheme;
|
|
67
40
|
},
|
|
68
41
|
};
|
|
69
42
|
describe('useStyling samples', function () {
|
|
@@ -93,13 +66,13 @@ describe('useStyling samples', function () {
|
|
|
93
66
|
*/
|
|
94
67
|
slotProps: {
|
|
95
68
|
/** only one sub-component, a Text element called content, as a result this needs to build up TextProps */
|
|
96
|
-
content: buildProps_1.buildProps(
|
|
69
|
+
content: (0, buildProps_1.buildProps)(
|
|
97
70
|
/**
|
|
98
71
|
* first input for buildProps is a function which takes tokens and a theme and returns props
|
|
99
72
|
*/
|
|
100
73
|
function (tokens /*, theme: Theme */) {
|
|
101
74
|
return {
|
|
102
|
-
style: __assign({}, tokens),
|
|
75
|
+
style: (0, tslib_1.__assign)({}, tokens),
|
|
103
76
|
};
|
|
104
77
|
},
|
|
105
78
|
/**
|
|
@@ -110,16 +83,16 @@ describe('useStyling samples', function () {
|
|
|
110
83
|
},
|
|
111
84
|
};
|
|
112
85
|
// now build the actual hook from the options and theme helper
|
|
113
|
-
var useStylingSample1 = buildUseStyling_1.buildUseStyling(sample1StylingOptions, themeHelper);
|
|
86
|
+
var useStylingSample1 = (0, buildUseStyling_1.buildUseStyling)(sample1StylingOptions, themeHelper);
|
|
114
87
|
// now the sample 1 component becomes simple to build, just merge the styled props with the input props
|
|
115
88
|
var Sample1Text = function (props) {
|
|
116
89
|
var styledProps = useStylingSample1(props).content;
|
|
117
|
-
var merged = __assign(__assign({}, props), styledProps);
|
|
118
|
-
return React.createElement(react_native_1.Text, __assign({}, merged), props.children);
|
|
90
|
+
var merged = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, props), styledProps);
|
|
91
|
+
return React.createElement(react_native_1.Text, (0, tslib_1.__assign)({}, merged), props.children);
|
|
119
92
|
};
|
|
120
93
|
/** first render the component with no updates */
|
|
121
94
|
it('Sample1Text rendering with no overrides', function () {
|
|
122
|
-
var tree = enzyme_1.mount(React.createElement(Sample1Text, null, "Sample1a"));
|
|
95
|
+
var tree = (0, enzyme_1.mount)(React.createElement(Sample1Text, null, "Sample1a"));
|
|
123
96
|
snapshotTestTree(tree);
|
|
124
97
|
});
|
|
125
98
|
/** now re-theme the component via the components in the theme */
|
|
@@ -132,14 +105,14 @@ describe('useStyling samples', function () {
|
|
|
132
105
|
},
|
|
133
106
|
},
|
|
134
107
|
});
|
|
135
|
-
var tree = enzyme_1.mount(React.createElement(Sample1Text, null, "Sample1b"));
|
|
108
|
+
var tree = (0, enzyme_1.mount)(React.createElement(Sample1Text, null, "Sample1b"));
|
|
136
109
|
snapshotTestTree(tree);
|
|
137
110
|
});
|
|
138
111
|
/**
|
|
139
112
|
* Build the styling hook for sample2. Because this isn't being recombined this is being specified inline rather
|
|
140
113
|
* than using a separate options object. Both are fine.
|
|
141
114
|
*/
|
|
142
|
-
var useStylingSample2 = buildUseStyling_1.buildUseStyling(__assign(__assign({}, sample1StylingOptions), {
|
|
115
|
+
var useStylingSample2 = (0, buildUseStyling_1.buildUseStyling)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, sample1StylingOptions), {
|
|
143
116
|
/**
|
|
144
117
|
* In sample1 tokens are set to defaults from the global theme section, then patched with any values looked up with
|
|
145
118
|
* the string 'Sample1'
|
|
@@ -151,7 +124,7 @@ describe('useStyling samples', function () {
|
|
|
151
124
|
* If we didn't want to add the extra 'Sample2' lookup this line would be omitted. If we didn't want to look up 'Sample1' first
|
|
152
125
|
* that could be filtered out of the array that is being copied
|
|
153
126
|
*/
|
|
154
|
-
tokens:
|
|
127
|
+
tokens: (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], sample1StylingOptions.tokens, true), ['Sample2'], false),
|
|
155
128
|
/**
|
|
156
129
|
* This is the final bit of magic. The tokens will already have values set from the global theme, they will then be patched with
|
|
157
130
|
* any customizations set into Sample1 and/or Sample2.
|
|
@@ -164,16 +137,16 @@ describe('useStyling samples', function () {
|
|
|
164
137
|
// the Sample2Text component is built the same way as sample1, just using the new hook that has been created
|
|
165
138
|
var Sample2Text = function (props) {
|
|
166
139
|
var styledProps = useStylingSample2(props).content;
|
|
167
|
-
var merged = __assign(__assign({}, props), styledProps);
|
|
140
|
+
var merged = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, props), styledProps);
|
|
168
141
|
// delete the color key to not pass it through to the text props, could be done via destructuring, filtering, or any number of ways
|
|
169
142
|
delete merged.color;
|
|
170
143
|
// render the text
|
|
171
|
-
return React.createElement(react_native_1.Text, __assign({}, merged), props.children);
|
|
144
|
+
return React.createElement(react_native_1.Text, (0, tslib_1.__assign)({}, merged), props.children);
|
|
172
145
|
};
|
|
173
146
|
/** rendering the Sample2 component with the base theme */
|
|
174
147
|
it('Sample2Text rendering with defaults and a color override', function () {
|
|
175
148
|
themeHelper.setActive();
|
|
176
|
-
var tree = enzyme_1.mount(React.createElement(react_native_1.View, null,
|
|
149
|
+
var tree = (0, enzyme_1.mount)(React.createElement(react_native_1.View, null,
|
|
177
150
|
React.createElement(Sample2Text, null, "Sample2 with defaults"),
|
|
178
151
|
React.createElement(Sample2Text, { color: "green" }, "Sample2 with color override via prop")));
|
|
179
152
|
snapshotTestTree(tree);
|
|
@@ -192,7 +165,7 @@ describe('useStyling samples', function () {
|
|
|
192
165
|
},
|
|
193
166
|
},
|
|
194
167
|
});
|
|
195
|
-
var tree = enzyme_1.mount(React.createElement(react_native_1.View, null,
|
|
168
|
+
var tree = (0, enzyme_1.mount)(React.createElement(react_native_1.View, null,
|
|
196
169
|
React.createElement(Sample2Text, null, "Sample2 with theme overrides set"),
|
|
197
170
|
React.createElement(Sample2Text, { color: "purple" }, "Sample2 with theme and color prop override")));
|
|
198
171
|
snapshotTestTree(tree);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useStyling.samples.test.js","sourceRoot":"","sources":["../src/useStyling.samples.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useStyling.samples.test.js","sourceRoot":"","sources":["../src/useStyling.samples.test.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/use-styling",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.8.2",
|
|
4
4
|
"description": "Opinionated use styling hook implementation",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
|
-
"url": "https://github.com/microsoft/
|
|
7
|
+
"url": "https://github.com/microsoft/fluentui-react-native",
|
|
8
|
+
"directory": "packages/framework/use-styling"
|
|
8
9
|
},
|
|
9
10
|
"main": "lib-commonjs/index.js",
|
|
10
11
|
"module": "lib/index.js",
|
|
@@ -28,14 +29,15 @@
|
|
|
28
29
|
"author": "",
|
|
29
30
|
"license": "MIT",
|
|
30
31
|
"dependencies": {
|
|
31
|
-
"@fluentui-react-native/memo-cache": "^1.1.
|
|
32
|
-
"@fluentui-react-native/use-tokens": "^0.
|
|
32
|
+
"@fluentui-react-native/memo-cache": "^1.1.7",
|
|
33
|
+
"@fluentui-react-native/use-tokens": "^0.2.2",
|
|
34
|
+
"tslib": "^2.3.1"
|
|
33
35
|
},
|
|
34
36
|
"devDependencies": {
|
|
35
37
|
"@types/jest": "^26.0.0",
|
|
36
|
-
"@types/react-native": "^0.
|
|
38
|
+
"@types/react-native": "^0.64.0",
|
|
37
39
|
"@uifabricshared/build-native": "^0.1.1",
|
|
38
|
-
"react": "
|
|
39
|
-
"react-native": "^0.
|
|
40
|
+
"react": "17.0.1",
|
|
41
|
+
"react-native": "^0.64.3"
|
|
40
42
|
}
|
|
41
43
|
}
|