@fluentui-react-native/use-tokens 0.1.5 → 0.2.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.json +177 -1
- package/CHANGELOG.md +41 -2
- package/lib/applyPropsToTokens.js +1 -11
- package/lib/applyPropsToTokens.js.map +1 -1
- package/lib/applyPropsToTokens.test.js.map +1 -1
- package/lib/applyTokenLayers.js.map +1 -1
- package/lib/applyTokenLayers.test.js +1 -11
- package/lib/applyTokenLayers.test.js.map +1 -1
- package/lib/buildUseTokens.js +3 -9
- package/lib/buildUseTokens.js.map +1 -1
- package/lib/buildUseTokens.test.js +5 -22
- package/lib/buildUseTokens.test.js.map +1 -1
- package/lib/patchTokens.js +1 -11
- package/lib/patchTokens.js.map +1 -1
- package/lib/patchTokens.test.js.map +1 -1
- package/lib/useTokens.samples.test.js +1 -22
- package/lib/useTokens.samples.test.js.map +1 -1
- package/lib-commonjs/applyPropsToTokens.js +3 -12
- package/lib-commonjs/applyPropsToTokens.js.map +1 -1
- package/lib-commonjs/applyPropsToTokens.test.js +4 -4
- package/lib-commonjs/applyPropsToTokens.test.js.map +1 -1
- package/lib-commonjs/applyTokenLayers.js +2 -1
- package/lib-commonjs/applyTokenLayers.js.map +1 -1
- package/lib-commonjs/applyTokenLayers.test.js +10 -20
- package/lib-commonjs/applyTokenLayers.test.js.map +1 -1
- package/lib-commonjs/buildUseTokens.js +5 -10
- package/lib-commonjs/buildUseTokens.js.map +1 -1
- package/lib-commonjs/buildUseTokens.test.js +6 -23
- package/lib-commonjs/buildUseTokens.test.js.map +1 -1
- package/lib-commonjs/customizable.js +1 -0
- package/lib-commonjs/customizable.js.map +1 -1
- package/lib-commonjs/index.js +6 -8
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/patchTokens.js +3 -12
- package/lib-commonjs/patchTokens.js.map +1 -1
- package/lib-commonjs/patchTokens.test.js +8 -8
- package/lib-commonjs/patchTokens.test.js.map +1 -1
- package/lib-commonjs/useTokens.samples.test.js +17 -48
- package/lib-commonjs/useTokens.samples.test.js.map +1 -1
- package/package.json +7 -8
- package/src/buildUseTokens.ts +1 -1
- package/api-extractor.json +0 -3
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,183 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/use-tokens",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Sat, 18 Dec 2021 04:11:32 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/use-tokens_v0.2.1",
|
|
7
|
+
"version": "0.2.1",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "afoxman@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/use-tokens",
|
|
13
|
+
"commit": "38fe241a385ecd1ce4e51b5bcba57a9dd0426789",
|
|
14
|
+
"comment": "Update to TypeScript 4.5.4."
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/use-tokens",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/immutable-merge to v1.1.5",
|
|
20
|
+
"commit": "38fe241a385ecd1ce4e51b5bcba57a9dd0426789"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/use-tokens",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/memo-cache to v1.1.6",
|
|
26
|
+
"commit": "38fe241a385ecd1ce4e51b5bcba57a9dd0426789"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui-react-native/use-tokens",
|
|
31
|
+
"comment": "Bump @fluentui-react-native/merge-props to v0.4.1",
|
|
32
|
+
"commit": "38fe241a385ecd1ce4e51b5bcba57a9dd0426789"
|
|
33
|
+
}
|
|
34
|
+
]
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"date": "Wed, 17 Nov 2021 19:28:07 GMT",
|
|
39
|
+
"tag": "@fluentui-react-native/use-tokens_v0.2.0",
|
|
40
|
+
"version": "0.2.0",
|
|
41
|
+
"comments": {
|
|
42
|
+
"minor": [
|
|
43
|
+
{
|
|
44
|
+
"comment": "Update to react-native 0.64",
|
|
45
|
+
"author": "afoxman@microsoft.com",
|
|
46
|
+
"commit": "f16d742b5c2d5b97e49ac1ef7b740cbf89fc42e6",
|
|
47
|
+
"package": "@fluentui-react-native/use-tokens"
|
|
48
|
+
}
|
|
49
|
+
],
|
|
50
|
+
"patch": [
|
|
51
|
+
{
|
|
52
|
+
"comment": "Bump @fluentui-react-native/merge-props to v0.4.0",
|
|
53
|
+
"author": "afoxman@microsoft.com",
|
|
54
|
+
"commit": "f16d742b5c2d5b97e49ac1ef7b740cbf89fc42e6",
|
|
55
|
+
"package": "@fluentui-react-native/use-tokens"
|
|
56
|
+
}
|
|
57
|
+
]
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
"date": "Thu, 11 Nov 2021 23:17:41 GMT",
|
|
62
|
+
"tag": "@fluentui-react-native/use-tokens_v0.1.7",
|
|
63
|
+
"version": "0.1.7",
|
|
64
|
+
"comments": {
|
|
65
|
+
"none": [
|
|
66
|
+
{
|
|
67
|
+
"comment": "Bump @fluentui-react-native/immutable-merge to v1.1.4",
|
|
68
|
+
"author": "ruaraki@microsoft.com",
|
|
69
|
+
"commit": "110fba2a1721a914501404f6040f07656307549e",
|
|
70
|
+
"package": "@fluentui-react-native/use-tokens"
|
|
71
|
+
}
|
|
72
|
+
]
|
|
73
|
+
}
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
"date": "Mon, 25 Oct 2021 19:24:43 GMT",
|
|
77
|
+
"tag": "@fluentui-react-native/use-tokens_v0.1.7",
|
|
78
|
+
"version": "0.1.7",
|
|
79
|
+
"comments": {
|
|
80
|
+
"patch": [
|
|
81
|
+
{
|
|
82
|
+
"comment": "Use tslib where spreadArray is used",
|
|
83
|
+
"author": "ruaraki@microsoft.com",
|
|
84
|
+
"commit": "f6578742d6c957cf7e346db82f89171f80bedc3b",
|
|
85
|
+
"package": "@fluentui-react-native/use-tokens"
|
|
86
|
+
}
|
|
87
|
+
]
|
|
88
|
+
}
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
"date": "Tue, 28 Sep 2021 21:08:25 GMT",
|
|
92
|
+
"tag": "@fluentui-react-native/use-tokens_v0.1.6",
|
|
93
|
+
"version": "0.1.6",
|
|
94
|
+
"comments": {
|
|
95
|
+
"patch": [
|
|
96
|
+
{
|
|
97
|
+
"comment": "Delete NativeButton",
|
|
98
|
+
"author": "67026167+chiuam@users.noreply.github.com",
|
|
99
|
+
"commit": "335503904094894a91e53c6de328bf13e13bcc1c",
|
|
100
|
+
"package": "@fluentui-react-native/use-tokens"
|
|
101
|
+
}
|
|
102
|
+
]
|
|
103
|
+
}
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
"date": "Tue, 21 Sep 2021 19:08:16 GMT",
|
|
107
|
+
"tag": "@fluentui-react-native/use-tokens_v0.1.5",
|
|
108
|
+
"version": "0.1.5",
|
|
109
|
+
"comments": {
|
|
110
|
+
"none": [
|
|
111
|
+
{
|
|
112
|
+
"comment": "Run prettier",
|
|
113
|
+
"author": "ruaraki@microsoft.com",
|
|
114
|
+
"commit": "e52c9b3d031599af4f43c261cb0a0327bc68a5ab",
|
|
115
|
+
"package": "@fluentui-react-native/use-tokens"
|
|
116
|
+
}
|
|
117
|
+
]
|
|
118
|
+
}
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
"date": "Tue, 14 Sep 2021 19:31:04 GMT",
|
|
122
|
+
"tag": "@fluentui-react-native/use-tokens_v0.1.5",
|
|
123
|
+
"version": "0.1.5",
|
|
124
|
+
"comments": {
|
|
125
|
+
"none": [
|
|
126
|
+
{
|
|
127
|
+
"comment": "Revert \"Bump Prettier and run it (#997)\"",
|
|
128
|
+
"author": "ruaraki@microsoft.com",
|
|
129
|
+
"commit": "c3eefc2cd6e8e23d64ca72460586f33120edc336",
|
|
130
|
+
"package": "@fluentui-react-native/use-tokens"
|
|
131
|
+
}
|
|
132
|
+
]
|
|
133
|
+
}
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
"date": "Fri, 10 Sep 2021 21:30:12 GMT",
|
|
137
|
+
"tag": "@fluentui-react-native/use-tokens_v0.1.5",
|
|
138
|
+
"version": "0.1.5",
|
|
139
|
+
"comments": {
|
|
140
|
+
"none": [
|
|
141
|
+
{
|
|
142
|
+
"comment": "Run the prettier",
|
|
143
|
+
"author": "ruaraki@microsoft.com",
|
|
144
|
+
"commit": "7ac71c6add6f05230c649dad60b5f7442f08cbb3",
|
|
145
|
+
"package": "@fluentui-react-native/use-tokens"
|
|
146
|
+
}
|
|
147
|
+
]
|
|
148
|
+
}
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
"date": "Sat, 07 Aug 2021 00:40:04 GMT",
|
|
152
|
+
"tag": "@fluentui-react-native/use-tokens_v0.1.5",
|
|
153
|
+
"version": "0.1.5",
|
|
154
|
+
"comments": {
|
|
155
|
+
"none": [
|
|
156
|
+
{
|
|
157
|
+
"comment": "enable usePressableState with stock Pressable component",
|
|
158
|
+
"author": "jasonmo@microsoft.com",
|
|
159
|
+
"commit": "e506337e109ef24e675c2ac794179db86fcb7e86",
|
|
160
|
+
"package": "@fluentui-react-native/use-tokens"
|
|
161
|
+
}
|
|
162
|
+
]
|
|
163
|
+
}
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
"date": "Fri, 06 Aug 2021 00:36:02 GMT",
|
|
167
|
+
"tag": "@fluentui-react-native/use-tokens_v0.1.5",
|
|
168
|
+
"version": "0.1.5",
|
|
169
|
+
"comments": {
|
|
170
|
+
"none": [
|
|
171
|
+
{
|
|
172
|
+
"comment": "Remove api-extractor related files",
|
|
173
|
+
"author": "ruaraki@microsoft.com",
|
|
174
|
+
"commit": "56ccce452d0dbbd5c24f53ebdd467f2d01dda694",
|
|
175
|
+
"package": "@fluentui-react-native/use-tokens"
|
|
176
|
+
}
|
|
177
|
+
]
|
|
178
|
+
}
|
|
179
|
+
},
|
|
180
|
+
{
|
|
181
|
+
"date": "Wed, 04 Aug 2021 16:54:20 GMT",
|
|
6
182
|
"tag": "@fluentui-react-native/use-tokens_v0.1.5",
|
|
7
183
|
"version": "0.1.5",
|
|
8
184
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,51 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/use-tokens
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Sat, 18 Dec 2021 04:11:32 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.2.1
|
|
8
|
+
|
|
9
|
+
Sat, 18 Dec 2021 04:11:32 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Update to TypeScript 4.5.4. (afoxman@microsoft.com)
|
|
14
|
+
- Bump @fluentui-react-native/immutable-merge to v1.1.5
|
|
15
|
+
- Bump @fluentui-react-native/memo-cache to v1.1.6
|
|
16
|
+
- Bump @fluentui-react-native/merge-props to v0.4.1
|
|
17
|
+
|
|
18
|
+
## 0.2.0
|
|
19
|
+
|
|
20
|
+
Wed, 17 Nov 2021 19:28:07 GMT
|
|
21
|
+
|
|
22
|
+
### Minor changes
|
|
23
|
+
|
|
24
|
+
- Update to react-native 0.64 (afoxman@microsoft.com)
|
|
25
|
+
|
|
26
|
+
### Patches
|
|
27
|
+
|
|
28
|
+
- Bump @fluentui-react-native/merge-props to v0.4.0 (afoxman@microsoft.com)
|
|
29
|
+
|
|
30
|
+
## 0.1.7
|
|
31
|
+
|
|
32
|
+
Mon, 25 Oct 2021 19:24:43 GMT
|
|
33
|
+
|
|
34
|
+
### Patches
|
|
35
|
+
|
|
36
|
+
- Use tslib where spreadArray is used (ruaraki@microsoft.com)
|
|
37
|
+
|
|
38
|
+
## 0.1.6
|
|
39
|
+
|
|
40
|
+
Tue, 28 Sep 2021 21:08:25 GMT
|
|
41
|
+
|
|
42
|
+
### Patches
|
|
43
|
+
|
|
44
|
+
- Delete NativeButton (67026167+chiuam@users.noreply.github.com)
|
|
45
|
+
|
|
7
46
|
## 0.1.5
|
|
8
47
|
|
|
9
|
-
Wed, 04 Aug 2021 16:
|
|
48
|
+
Wed, 04 Aug 2021 16:54:20 GMT
|
|
10
49
|
|
|
11
50
|
### Patches
|
|
12
51
|
|
|
@@ -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
|
export function applyPropsToTokens(props, tokens, cache, keys) {
|
|
13
3
|
var _loop_1 = function (key) {
|
|
14
4
|
var _a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"applyPropsToTokens.js","sourceRoot":"","sources":["../src/applyPropsToTokens.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"applyPropsToTokens.js","sourceRoot":"","sources":["../src/applyPropsToTokens.ts"],"names":[],"mappings":";AAEA,MAAM,UAAU,kBAAkB,CAChC,KAAa,EACb,MAAe,EACf,KAA4B,EAC5B,IAAuB;4BAEZ,GAAG;;QACZ,IAAM,WAAW,GAAG,KAAK,CAAC,GAAa,CAAC,CAAC;QACzC,IAAM,QAAQ,GAAG,WAAW,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC;QACvE,KAAkB,KAAK,CAAC;;YAAM,OAAA,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,uBAAM,MAAM,gBAAG,GAAG,IAAG,QAAQ,MAAE,CAAC;QAAlE,CAAkE,EAAE,CAAC,QAAQ,CAAC,CAAC,EAA5G,MAAM,QAAA,EAAE,KAAK,QAAA,CAAgG;;IAHhH,KAAkB,UAAI,EAAJ,aAAI,EAAJ,kBAAI,EAAJ,IAAI;QAAjB,IAAM,GAAG,aAAA;gBAAH,GAAG;KAIb;IACD,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"applyPropsToTokens.test.js","sourceRoot":"","sources":["../src/applyPropsToTokens.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAWjE,IAAM,UAAU,GAAyB,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AAOpE,IAAM,WAAW,GAAW;IAC1B,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,IAAM,MAAM,GAAU,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AAC3F,wCAAwC;AACxC,oDAAoD;AAEpD,QAAQ,CAAC,0BAA0B,EAAE;IACnC,IAAI,CAAC,kBAAkB,EAAE;QACvB,IAAM,KAAK,GAAG,YAAY,EAAE,CAAC;QACtB,IAAA,
|
|
1
|
+
{"version":3,"file":"applyPropsToTokens.test.js","sourceRoot":"","sources":["../src/applyPropsToTokens.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAWjE,IAAM,UAAU,GAAyB,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AAOpE,IAAM,WAAW,GAAW;IAC1B,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,IAAM,MAAM,GAAU,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AAC3F,wCAAwC;AACxC,oDAAoD;AAEpD,QAAQ,CAAC,0BAA0B,EAAE;IACnC,IAAI,CAAC,kBAAkB,EAAE;QACvB,IAAM,KAAK,GAAG,YAAY,EAAE,CAAC;QACtB,IAAA,MAAM,GAAI,kBAAkB,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,GAA9D,CAA+D;QAC5E,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACrC,KAAkB,UAAU,EAAV,yBAAU,EAAV,wBAAU,EAAV,IAAU,EAAE;YAAzB,IAAM,GAAG,mBAAA;YACZ,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;SAC1C;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,wCAAwC,EAAE;QAC7C,IAAM,KAAK,GAAG,YAAY,EAAE,CAAC;QACtB,IAAA,MAAM,GAAI,kBAAkB,CAAC,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,GAA1D,CAA2D;QACxE,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"applyTokenLayers.js","sourceRoot":"","sources":["../src/applyTokenLayers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAOxE;;;;;;;;GAQG;AACH,MAAM,UAAU,gBAAgB,CAC9B,MAAe,EACf,MAAgB,EAChB,QAA+B,EAC/B,QAAkB;IAGlB,IAAI,KAAK,GAAmB,EAAE,MAAM,QAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;IACjD,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;QAC/B,sGAAsG;QACtG,KAAK,GAAG,MAAM;aACX,MAAM,CAAC,UAAC,GAAG,IAAK,OAAA,QAAQ,CAAC,GAAG,CAAC,EAAb,CAAa,CAAC;aAC9B,MAAM,CAAC,UAAC,QAAwB,EAAE,SAAiB;YAClD,IAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YACnC,IAAA,
|
|
1
|
+
{"version":3,"file":"applyTokenLayers.js","sourceRoot":"","sources":["../src/applyTokenLayers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAOxE;;;;;;;;GAQG;AACH,MAAM,UAAU,gBAAgB,CAC9B,MAAe,EACf,MAAgB,EAChB,QAA+B,EAC/B,QAAkB;IAGlB,IAAI,KAAK,GAAmB,EAAE,MAAM,QAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;IACjD,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;QAC/B,sGAAsG;QACtG,KAAK,GAAG,MAAM;aACX,MAAM,CAAC,UAAC,GAAG,IAAK,OAAA,QAAQ,CAAC,GAAG,CAAC,EAAb,CAAa,CAAC;aAC9B,MAAM,CAAC,UAAC,QAAwB,EAAE,SAAiB;YAClD,IAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YACnC,IAAA,KAAqB,QAAQ,CAAC,QAAQ,CAC1C,cAAM,OAAA,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAA/F,CAA+F,EACrG,CAAC,KAAK,CAAC,CACR,EAHM,MAAM,QAAA,EAAE,QAAQ,QAGtB,CAAC;YACF,OAAO,EAAE,MAAM,QAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;QAC9B,CAAC,EAAE,KAAK,CAAC,CAAC;KACb;IACD,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;AACxC,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 { applyTokenLayers } from './applyTokenLayers';
|
|
13
3
|
import { getMemoCache } from '@fluentui-react-native/memo-cache';
|
|
14
4
|
var stateOrder = ['hover', 'press', 'disabled'];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"applyTokenLayers.test.js","sourceRoot":"","sources":["../src/applyTokenLayers.test.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"applyTokenLayers.test.js","sourceRoot":"","sources":["../src/applyTokenLayers.test.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAWjE,IAAM,UAAU,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;AAElD,IAAM,OAAO,GAAW;IACtB,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,KAAK,EAAE;QACL,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,KAAK,EAAE;YACL,CAAC,EAAE,eAAe;SACnB;KACF;IACD,KAAK,EAAE;QACL,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;KACb;IACD,QAAQ,EAAE;QACR,CAAC,EAAE,UAAU;QACb,CAAC,EAAE,UAAU;QACb,CAAC,EAAE,UAAU;KACd;CACF,CAAC;AAEF,SAAS,WAAW,CAAC,MAAc;IACjC,IAAM,CAAC,gBAAQ,MAAM,CAAE,CAAC;IACxB,OAAO,CAAC,CAAC,KAAK,CAAC;IACf,OAAO,CAAC,CAAC,KAAK,CAAC;IACf,OAAO,CAAC,CAAC,QAAQ,CAAC;IAClB,OAAO,CAAC,CAAC;AACX,CAAC;AAED,QAAQ,CAAC,mBAAmB,EAAE;IAC5B,IAAI,CAAC,0BAA0B,EAAE;QAC/B,IAAM,KAAK,GAAG,YAAY,EAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,gBAAgB,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5E,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mBAAmB,EAAE;QACxB,IAAM,KAAK,GAAG,YAAY,EAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,UAAC,KAAK,IAAK,OAAA,KAAK,KAAK,OAAO,EAAjB,CAAiB,CAAC;QAC5C,IAAM,OAAO,GAAG,gBAAgB,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACxE,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC9E,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,uCAAuC,EAAE;QAC5C,IAAM,KAAK,GAAG,YAAY,EAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,UAAC,KAAK,IAAK,OAAA,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,OAAO,EAAtC,CAAsC,CAAC;QACjE,IAAM,OAAO,GAAG,gBAAgB,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACxE,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC9E,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IACrF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
package/lib/buildUseTokens.js
CHANGED
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
|
3
|
-
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
4
|
-
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
5
|
-
r[k] = a[j];
|
|
6
|
-
return r;
|
|
7
|
-
};
|
|
1
|
+
import { __spreadArray } from "tslib";
|
|
8
2
|
import { getMemoCache } from '@fluentui-react-native/memo-cache';
|
|
9
3
|
import { immutableMerge } from '@fluentui-react-native/immutable-merge';
|
|
10
4
|
/**
|
|
@@ -54,8 +48,8 @@ export function buildUseTokens(getComponentInfo) {
|
|
|
54
48
|
for (var _i = 0; _i < arguments.length; _i++) {
|
|
55
49
|
newTokens[_i] = arguments[_i];
|
|
56
50
|
}
|
|
57
|
-
var mergedTokens =
|
|
58
|
-
return buildUseTokens.apply(void 0,
|
|
51
|
+
var mergedTokens = __spreadArray(__spreadArray([], tokens, true), newTokens, true);
|
|
52
|
+
return buildUseTokens.apply(void 0, __spreadArray([getComponentInfo], mergedTokens, false));
|
|
59
53
|
};
|
|
60
54
|
return useTokensCore;
|
|
61
55
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildUseTokens.js","sourceRoot":"","sources":["../src/buildUseTokens.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"buildUseTokens.js","sourceRoot":"","sources":["../src/buildUseTokens.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAgB,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAiCxE;;;;;;;;;;;;GAYG;AACH,SAAS,WAAW,CAClB,UAA+D,EAC/D,KAAa,EACb,gBAA+D;IAE/D,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;QAClC,UAAU,GAAG,CAAC,gBAAgB,IAAK,gBAAgB,CAAC,KAAK,EAAE,UAAU,CAAa,CAAC,IAAK,EAAc,CAAC;KACxG;IACD,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;QACpC,UAAU,GAAI,UAA+C,CAAC,KAAK,CAAC,CAAC;KACtE;IACD,OAAO,UAA+B,CAAC;AACzC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAC5B,gBAA+D;IAC/D,gBAA2C;SAA3C,UAA2C,EAA3C,qBAA2C,EAA3C,IAA2C;QAA3C,+BAA2C;;IAE3C,4EAA4E;IAC5E,IAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAE7B,0HAA0H;IAC1H,sGAAsG;IACtG,IAAM,aAAa,GAAG,UAAC,KAAa;QAClC,+FAA+F;QAC/F,OAAO,KAAK,CAAC,cAAM,OAAA,cAAc,eAAI,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,CAAC,EAA3C,CAA2C,CAAC,GAApF,CAAqF,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACrH,CAAC,CAAC;IAEF,oDAAoD;IACpD,aAAa,CAAC,SAAS,GAAG;QAAC,mBAA8C;aAA9C,UAA8C,EAA9C,qBAA8C,EAA9C,IAA8C;YAA9C,8BAA8C;;QACvE,IAAM,YAAY,mCAAO,MAAM,SAAK,SAAS,OAAC,CAAC;QAC/C,OAAO,cAAc,8BAAkB,gBAAgB,GAAK,YAAY,UAAE;IAC5E,CAAC,CAAC;IAEF,OAAO,aAAa,CAAC;AACvB,CAAC"}
|
|
@@ -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 { buildUseTokens } from './buildUseTokens';
|
|
20
3
|
var baseTokens = {
|
|
21
4
|
a: 'a-base',
|
|
@@ -76,25 +59,25 @@ var variantTokens = {
|
|
|
76
59
|
};
|
|
77
60
|
describe('buildUseTokens test suite', function () {
|
|
78
61
|
test('basic built hook', function () {
|
|
79
|
-
var useTokens = buildUseTokens.apply(void 0,
|
|
62
|
+
var useTokens = buildUseTokens.apply(void 0, __spreadArray([getComponentInfo], componentTokens, false));
|
|
80
63
|
var tokens = useTokens(defaultTheme)[0];
|
|
81
64
|
expect(tokens).toEqual(resolvedTokens);
|
|
82
65
|
});
|
|
83
66
|
test('multiple calls return same object', function () {
|
|
84
|
-
var useTokens = buildUseTokens.apply(void 0,
|
|
67
|
+
var useTokens = buildUseTokens.apply(void 0, __spreadArray([getComponentInfo], componentTokens, false));
|
|
85
68
|
var tokens1 = useTokens(defaultTheme)[0];
|
|
86
69
|
var tokens2 = useTokens(defaultTheme)[0];
|
|
87
70
|
expect(tokens1).toBe(tokens2);
|
|
88
71
|
});
|
|
89
72
|
test('variant theme is separate', function () {
|
|
90
|
-
var useTokens = buildUseTokens.apply(void 0,
|
|
73
|
+
var useTokens = buildUseTokens.apply(void 0, __spreadArray([getComponentInfo], componentTokens, false));
|
|
91
74
|
var tokensDefault = useTokens(defaultTheme)[0];
|
|
92
75
|
var tokensVariant = useTokens(variantTheme)[0];
|
|
93
76
|
expect(tokensVariant).not.toBe(tokensDefault);
|
|
94
77
|
expect(tokensVariant).toEqual(variantTokens);
|
|
95
78
|
});
|
|
96
79
|
test('simple customization layers on top', function () {
|
|
97
|
-
var useTokens = buildUseTokens.apply(void 0,
|
|
80
|
+
var useTokens = buildUseTokens.apply(void 0, __spreadArray([getComponentInfo], componentTokens, false));
|
|
98
81
|
var useTokensCustom = useTokens.customize({ a: 'custom' });
|
|
99
82
|
var tokens = useTokensCustom(defaultTheme)[0];
|
|
100
83
|
expect(tokens).toEqual(__assign(__assign({}, resolvedTokens), { a: 'custom' }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildUseTokens.test.js","sourceRoot":"","sources":["../src/buildUseTokens.test.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"buildUseTokens.test.js","sourceRoot":"","sources":["../src/buildUseTokens.test.ts"],"names":[],"mappings":"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"}
|
package/lib/patchTokens.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
|
/**
|
|
13
3
|
* Take a set of tokens (and a memo-cache) and apply changes to those tokens from an additional set of tokens. Only keys which are
|
|
14
4
|
* not undefined will be applied and if no changes are detected the token object will be unchanged.
|
package/lib/patchTokens.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"patchTokens.js","sourceRoot":"","sources":["../src/patchTokens.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"patchTokens.js","sourceRoot":"","sources":["../src/patchTokens.ts"],"names":[],"mappings":";AAEA;;;;;;;;GAQG;AACH,MAAM,UAAU,WAAW,CACzB,MAAe,EACf,KAA4B,EAC5B,WAAoB;IAEpB,2GAA2G;IAC3G,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;SAClC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,WAAW,CAAC,CAAC,CAAC,KAAK,SAAS,EAA5B,CAA4B,CAAC;SAC3C,IAAI,EAAE,CAAC;4BAIC,GAAG;;QACZ,KAAkB,KAAK,CAAC;;YAAM,OAAA,uBAAM,MAAM,gBAAG,GAAG,IAAG,WAAW,CAAC,GAAG,CAAC,OAAG;QAAxC,CAAwC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAA/F,MAAM,QAAA,EAAE,KAAK,QAAA,CAAmF;;IAHnG,iHAAiH;IACjH,2GAA2G;IAC3G,KAAkB,UAAI,EAAJ,aAAI,EAAJ,kBAAI,EAAJ,IAAI;QAAjB,IAAM,GAAG,aAAA;gBAAH,GAAG;KAEb;IAED,uEAAuE;IACvE,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"patchTokens.test.js","sourceRoot":"","sources":["../src/patchTokens.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAUjE,IAAM,WAAW,GAAW;IAC1B,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,QAAQ,CAAC,mBAAmB,EAAE;IAC5B,IAAI,CAAC,kBAAkB,EAAE;QACvB,IAAM,KAAK,GAAG,YAAY,EAAE,CAAC;QAC7B,IAAM,WAAW,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;QAC9C,IAAA,
|
|
1
|
+
{"version":3,"file":"patchTokens.test.js","sourceRoot":"","sources":["../src/patchTokens.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAUjE,IAAM,WAAW,GAAW;IAC1B,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,QAAQ,CAAC,mBAAmB,EAAE;IAC5B,IAAI,CAAC,kBAAkB,EAAE;QACvB,IAAM,KAAK,GAAG,YAAY,EAAE,CAAC;QAC7B,IAAM,WAAW,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;QAC9C,IAAA,MAAM,GAAI,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,CAAC,GAAhD,CAAiD;QAC9D,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACrC,KAAK,IAAM,GAAG,IAAI,WAAW,EAAE;YAC7B,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;SAC/C;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,wCAAwC,EAAE;QAC7C,IAAM,KAAK,GAAG,YAAY,EAAE,CAAC;QAC7B,IAAM,YAAY,GAAG,EAAE,CAAC;QACjB,IAAA,MAAM,GAAI,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,GAAjD,CAAkD;QAC/D,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAEjC,IAAM,YAAY,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;QAClC,IAAA,OAAO,GAAI,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,GAAjD,CAAkD;QAChE,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4CAA4C,EAAE;QACjD,IAAM,KAAK,GAAG,YAAY,EAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;QAC5C,IAAM,MAAM,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;QACrC,IAAA,OAAO,GAAI,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,GAA3C,CAA4C;QACnD,IAAA,OAAO,GAAI,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,GAA3C,CAA4C;QAC1D,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,25 +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 __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
23
2
|
import { Text, View } from 'react-native';
|
|
24
3
|
import toJson from 'enzyme-to-json';
|
|
25
4
|
import * as React from 'react';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTokens.samples.test.js","sourceRoot":"","sources":["../src/useTokens.samples.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useTokens.samples.test.js","sourceRoot":"","sources":["../src/useTokens.samples.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +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
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.applyPropsToTokens = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
14
5
|
function applyPropsToTokens(props, tokens, cache, keys) {
|
|
15
6
|
var _loop_1 = function (key) {
|
|
16
7
|
var _a;
|
|
@@ -18,7 +9,7 @@ function applyPropsToTokens(props, tokens, cache, keys) {
|
|
|
18
9
|
var setValue = sourceValue === tokens[key] ? undefined : sourceValue;
|
|
19
10
|
_a = cache(function () {
|
|
20
11
|
var _a;
|
|
21
|
-
return (setValue === undefined ? tokens : __assign(__assign({}, tokens), (_a = {}, _a[key] = setValue, _a)));
|
|
12
|
+
return (setValue === undefined ? tokens : (0, tslib_1.__assign)((0, tslib_1.__assign)({}, tokens), (_a = {}, _a[key] = setValue, _a)));
|
|
22
13
|
}, [setValue]), tokens = _a[0], cache = _a[1];
|
|
23
14
|
};
|
|
24
15
|
for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"applyPropsToTokens.js","sourceRoot":"","sources":["../src/applyPropsToTokens.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"applyPropsToTokens.js","sourceRoot":"","sources":["../src/applyPropsToTokens.ts"],"names":[],"mappings":";;;;AAEA,SAAgB,kBAAkB,CAChC,KAAa,EACb,MAAe,EACf,KAA4B,EAC5B,IAAuB;4BAEZ,GAAG;;QACZ,IAAM,WAAW,GAAG,KAAK,CAAC,GAAa,CAAC,CAAC;QACzC,IAAM,QAAQ,GAAG,WAAW,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC;QACvE,KAAkB,KAAK,CAAC;;YAAM,OAAA,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,iDAAM,MAAM,gBAAG,GAAG,IAAG,QAAQ,MAAE,CAAC;QAAlE,CAAkE,EAAE,CAAC,QAAQ,CAAC,CAAC,EAA5G,MAAM,QAAA,EAAE,KAAK,QAAA,CAAgG;;IAHhH,KAAkB,UAAI,EAAJ,aAAI,EAAJ,kBAAI,EAAJ,IAAI;QAAjB,IAAM,GAAG,aAAA;gBAAH,GAAG;KAIb;IACD,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzB,CAAC;AAZD,gDAYC"}
|
|
@@ -15,8 +15,8 @@ var props1 = { dos: 'two', quatro: 'four', cinco: false, foo: 'foo', bar: 'bar'
|
|
|
15
15
|
// const props3: Props = { foo: 'foo', bar: 'bar' };
|
|
16
16
|
describe('applyPropsToTokens tests', function () {
|
|
17
17
|
test('props get copied', function () {
|
|
18
|
-
var cache = memo_cache_1.getMemoCache();
|
|
19
|
-
var tokens = applyPropsToTokens_1.applyPropsToTokens(props1, themeTokens, cache, tokenProps)[0];
|
|
18
|
+
var cache = (0, memo_cache_1.getMemoCache)();
|
|
19
|
+
var tokens = (0, applyPropsToTokens_1.applyPropsToTokens)(props1, themeTokens, cache, tokenProps)[0];
|
|
20
20
|
expect(tokens).not.toBe(themeTokens);
|
|
21
21
|
for (var _i = 0, tokenProps_1 = tokenProps; _i < tokenProps_1.length; _i++) {
|
|
22
22
|
var key = tokenProps_1[_i];
|
|
@@ -24,8 +24,8 @@ describe('applyPropsToTokens tests', function () {
|
|
|
24
24
|
}
|
|
25
25
|
});
|
|
26
26
|
test('no copied props does not change tokens', function () {
|
|
27
|
-
var cache = memo_cache_1.getMemoCache();
|
|
28
|
-
var tokens = applyPropsToTokens_1.applyPropsToTokens({}, themeTokens, cache, tokenProps)[0];
|
|
27
|
+
var cache = (0, memo_cache_1.getMemoCache)();
|
|
28
|
+
var tokens = (0, applyPropsToTokens_1.applyPropsToTokens)({}, themeTokens, cache, tokenProps)[0];
|
|
29
29
|
expect(tokens).toBe(themeTokens);
|
|
30
30
|
});
|
|
31
31
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"applyPropsToTokens.test.js","sourceRoot":"","sources":["../src/applyPropsToTokens.test.ts"],"names":[],"mappings":";;AAAA,2DAA0D;AAC1D,gEAAiE;AAWjE,IAAM,UAAU,GAAyB,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AAOpE,IAAM,WAAW,GAAW;IAC1B,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,IAAM,MAAM,GAAU,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AAC3F,wCAAwC;AACxC,oDAAoD;AAEpD,QAAQ,CAAC,0BAA0B,EAAE;IACnC,IAAI,CAAC,kBAAkB,EAAE;QACvB,IAAM,KAAK,GAAG,yBAAY,
|
|
1
|
+
{"version":3,"file":"applyPropsToTokens.test.js","sourceRoot":"","sources":["../src/applyPropsToTokens.test.ts"],"names":[],"mappings":";;AAAA,2DAA0D;AAC1D,gEAAiE;AAWjE,IAAM,UAAU,GAAyB,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AAOpE,IAAM,WAAW,GAAW;IAC1B,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,IAAM,MAAM,GAAU,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AAC3F,wCAAwC;AACxC,oDAAoD;AAEpD,QAAQ,CAAC,0BAA0B,EAAE;IACnC,IAAI,CAAC,kBAAkB,EAAE;QACvB,IAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;QACtB,IAAA,MAAM,GAAI,IAAA,uCAAkB,EAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,GAA9D,CAA+D;QAC5E,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACrC,KAAkB,UAAU,EAAV,yBAAU,EAAV,wBAAU,EAAV,IAAU,EAAE;YAAzB,IAAM,GAAG,mBAAA;YACZ,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;SAC1C;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,wCAAwC,EAAE;QAC7C,IAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;QACtB,IAAA,MAAM,GAAI,IAAA,uCAAkB,EAAC,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,GAA1D,CAA2D;QACxE,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.applyTokenLayers = void 0;
|
|
3
4
|
var immutable_merge_1 = require("@fluentui-react-native/immutable-merge");
|
|
4
5
|
/**
|
|
5
6
|
* Apply token layers, building them up applied layer by applied layer, using the cache to store intermediate
|
|
@@ -18,7 +19,7 @@ function applyTokenLayers(tokens, states, subCache, hasLayer) {
|
|
|
18
19
|
.filter(function (val) { return hasLayer(val); })
|
|
19
20
|
.reduce(function (previous, layerName) {
|
|
20
21
|
var layer = previous.tokens[layerName];
|
|
21
|
-
var _a = previous.subCache(function () { return (layer && typeof layer === 'object' ? immutable_merge_1.immutableMerge(previous.tokens, layer) : previous.tokens); }, [layer]), tokens = _a[0], subCache = _a[1];
|
|
22
|
+
var _a = previous.subCache(function () { return (layer && typeof layer === 'object' ? (0, immutable_merge_1.immutableMerge)(previous.tokens, layer) : previous.tokens); }, [layer]), tokens = _a[0], subCache = _a[1];
|
|
22
23
|
return { tokens: tokens, subCache: subCache };
|
|
23
24
|
}, final);
|
|
24
25
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"applyTokenLayers.js","sourceRoot":"","sources":["../src/applyTokenLayers.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"applyTokenLayers.js","sourceRoot":"","sources":["../src/applyTokenLayers.ts"],"names":[],"mappings":";;;AACA,0EAAwE;AAOxE;;;;;;;;GAQG;AACH,SAAgB,gBAAgB,CAC9B,MAAe,EACf,MAAgB,EAChB,QAA+B,EAC/B,QAAkB;IAGlB,IAAI,KAAK,GAAmB,EAAE,MAAM,QAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;IACjD,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;QAC/B,sGAAsG;QACtG,KAAK,GAAG,MAAM;aACX,MAAM,CAAC,UAAC,GAAG,IAAK,OAAA,QAAQ,CAAC,GAAG,CAAC,EAAb,CAAa,CAAC;aAC9B,MAAM,CAAC,UAAC,QAAwB,EAAE,SAAiB;YAClD,IAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YACnC,IAAA,KAAqB,QAAQ,CAAC,QAAQ,CAC1C,cAAM,OAAA,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAA,gCAAc,EAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAA/F,CAA+F,EACrG,CAAC,KAAK,CAAC,CACR,EAHM,MAAM,QAAA,EAAE,QAAQ,QAGtB,CAAC;YACF,OAAO,EAAE,MAAM,QAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;QAC9B,CAAC,EAAE,KAAK,CAAC,CAAC;KACb;IACD,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;AACxC,CAAC;AAtBD,4CAsBC"}
|
|
@@ -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 applyTokenLayers_1 = require("./applyTokenLayers");
|
|
15
5
|
var memo_cache_1 = require("@fluentui-react-native/memo-cache");
|
|
16
6
|
var stateOrder = ['hover', 'press', 'disabled'];
|
|
@@ -36,7 +26,7 @@ var tokens1 = {
|
|
|
36
26
|
},
|
|
37
27
|
};
|
|
38
28
|
function stripLayers(tokens) {
|
|
39
|
-
var t = __assign({}, tokens);
|
|
29
|
+
var t = (0, tslib_1.__assign)({}, tokens);
|
|
40
30
|
delete t.hover;
|
|
41
31
|
delete t.press;
|
|
42
32
|
delete t.disabled;
|
|
@@ -44,22 +34,22 @@ function stripLayers(tokens) {
|
|
|
44
34
|
}
|
|
45
35
|
describe('applyLayers tests', function () {
|
|
46
36
|
test('no layers returns tokens', function () {
|
|
47
|
-
var cache = memo_cache_1.getMemoCache();
|
|
48
|
-
var tokens = applyTokenLayers_1.applyTokenLayers(tokens1, stateOrder, cache, function () { return false; })[0];
|
|
37
|
+
var cache = (0, memo_cache_1.getMemoCache)();
|
|
38
|
+
var tokens = (0, applyTokenLayers_1.applyTokenLayers)(tokens1, stateOrder, cache, function () { return false; })[0];
|
|
49
39
|
expect(tokens).toBe(tokens1);
|
|
50
40
|
});
|
|
51
41
|
test('apply hover works', function () {
|
|
52
|
-
var cache = memo_cache_1.getMemoCache();
|
|
42
|
+
var cache = (0, memo_cache_1.getMemoCache)();
|
|
53
43
|
var lookup = function (layer) { return layer === 'hover'; };
|
|
54
|
-
var result1 = applyTokenLayers_1.applyTokenLayers(tokens1, stateOrder, cache, lookup)[0];
|
|
55
|
-
expect(applyTokenLayers_1.applyTokenLayers(tokens1, stateOrder, cache, lookup)[0]).toBe(result1);
|
|
44
|
+
var result1 = (0, applyTokenLayers_1.applyTokenLayers)(tokens1, stateOrder, cache, lookup)[0];
|
|
45
|
+
expect((0, applyTokenLayers_1.applyTokenLayers)(tokens1, stateOrder, cache, lookup)[0]).toBe(result1);
|
|
56
46
|
expect(stripLayers(result1)).toEqual({ a: 'a-hover', b: 'b-hover', c: 'c' });
|
|
57
47
|
});
|
|
58
48
|
test('apply hover and press layer correctly', function () {
|
|
59
|
-
var cache = memo_cache_1.getMemoCache();
|
|
49
|
+
var cache = (0, memo_cache_1.getMemoCache)();
|
|
60
50
|
var lookup = function (layer) { return layer === 'hover' || layer === 'press'; };
|
|
61
|
-
var result1 = applyTokenLayers_1.applyTokenLayers(tokens1, stateOrder, cache, lookup)[0];
|
|
62
|
-
expect(applyTokenLayers_1.applyTokenLayers(tokens1, stateOrder, cache, lookup)[0]).toBe(result1);
|
|
51
|
+
var result1 = (0, applyTokenLayers_1.applyTokenLayers)(tokens1, stateOrder, cache, lookup)[0];
|
|
52
|
+
expect((0, applyTokenLayers_1.applyTokenLayers)(tokens1, stateOrder, cache, lookup)[0]).toBe(result1);
|
|
63
53
|
expect(stripLayers(result1)).toEqual({ a: 'a-hover-press', b: 'b-press', c: 'c' });
|
|
64
54
|
});
|
|
65
55
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"applyTokenLayers.test.js","sourceRoot":"","sources":["../src/applyTokenLayers.test.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"applyTokenLayers.test.js","sourceRoot":"","sources":["../src/applyTokenLayers.test.ts"],"names":[],"mappings":";;;AAAA,uDAAsD;AACtD,gEAAiE;AAWjE,IAAM,UAAU,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;AAElD,IAAM,OAAO,GAAW;IACtB,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,KAAK,EAAE;QACL,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,KAAK,EAAE;YACL,CAAC,EAAE,eAAe;SACnB;KACF;IACD,KAAK,EAAE;QACL,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;KACb;IACD,QAAQ,EAAE;QACR,CAAC,EAAE,UAAU;QACb,CAAC,EAAE,UAAU;QACb,CAAC,EAAE,UAAU;KACd;CACF,CAAC;AAEF,SAAS,WAAW,CAAC,MAAc;IACjC,IAAM,CAAC,6BAAQ,MAAM,CAAE,CAAC;IACxB,OAAO,CAAC,CAAC,KAAK,CAAC;IACf,OAAO,CAAC,CAAC,KAAK,CAAC;IACf,OAAO,CAAC,CAAC,QAAQ,CAAC;IAClB,OAAO,CAAC,CAAC;AACX,CAAC;AAED,QAAQ,CAAC,mBAAmB,EAAE;IAC5B,IAAI,CAAC,0BAA0B,EAAE;QAC/B,IAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,IAAA,mCAAgB,EAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5E,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mBAAmB,EAAE;QACxB,IAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,UAAC,KAAK,IAAK,OAAA,KAAK,KAAK,OAAO,EAAjB,CAAiB,CAAC;QAC5C,IAAM,OAAO,GAAG,IAAA,mCAAgB,EAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACxE,MAAM,CAAC,IAAA,mCAAgB,EAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC9E,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,uCAAuC,EAAE;QAC5C,IAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,UAAC,KAAK,IAAK,OAAA,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,OAAO,EAAtC,CAAsC,CAAC;QACjE,IAAM,OAAO,GAAG,IAAA,mCAAgB,EAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACxE,MAAM,CAAC,IAAA,mCAAgB,EAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC9E,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IACrF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __spreadArrays = (this && this.__spreadArrays) || function () {
|
|
3
|
-
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
|
4
|
-
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
5
|
-
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
6
|
-
r[k] = a[j];
|
|
7
|
-
return r;
|
|
8
|
-
};
|
|
9
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.buildUseTokens = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
10
5
|
var memo_cache_1 = require("@fluentui-react-native/memo-cache");
|
|
11
6
|
var immutable_merge_1 = require("@fluentui-react-native/immutable-merge");
|
|
12
7
|
/**
|
|
@@ -43,7 +38,7 @@ function buildUseTokens(getComponentInfo) {
|
|
|
43
38
|
tokens[_i - 1] = arguments[_i];
|
|
44
39
|
}
|
|
45
40
|
// create a cache instance for use in this particular call to buildUseTokens
|
|
46
|
-
var cache = memo_cache_1.getMemoCache();
|
|
41
|
+
var cache = (0, memo_cache_1.getMemoCache)();
|
|
47
42
|
// the core function simply merges layers together, looking up component definitions in the theme as well as executing any
|
|
48
43
|
// theme functions. This turns the tokens into an array of token objects that then get merged together
|
|
49
44
|
var useTokensCore = function (theme) {
|
|
@@ -56,8 +51,8 @@ function buildUseTokens(getComponentInfo) {
|
|
|
56
51
|
for (var _i = 0; _i < arguments.length; _i++) {
|
|
57
52
|
newTokens[_i] = arguments[_i];
|
|
58
53
|
}
|
|
59
|
-
var mergedTokens =
|
|
60
|
-
return buildUseTokens.apply(void 0,
|
|
54
|
+
var mergedTokens = (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], tokens, true), newTokens, true);
|
|
55
|
+
return buildUseTokens.apply(void 0, (0, tslib_1.__spreadArray)([getComponentInfo], mergedTokens, false));
|
|
61
56
|
};
|
|
62
57
|
return useTokensCore;
|
|
63
58
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildUseTokens.js","sourceRoot":"","sources":["../src/buildUseTokens.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"buildUseTokens.js","sourceRoot":"","sources":["../src/buildUseTokens.ts"],"names":[],"mappings":";;;;AAAA,gEAA+E;AAC/E,0EAAwE;AAiCxE;;;;;;;;;;;;GAYG;AACH,SAAS,WAAW,CAClB,UAA+D,EAC/D,KAAa,EACb,gBAA+D;IAE/D,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;QAClC,UAAU,GAAG,CAAC,gBAAgB,IAAK,gBAAgB,CAAC,KAAK,EAAE,UAAU,CAAa,CAAC,IAAK,EAAc,CAAC;KACxG;IACD,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;QACpC,UAAU,GAAI,UAA+C,CAAC,KAAK,CAAC,CAAC;KACtE;IACD,OAAO,UAA+B,CAAC;AACzC,CAAC;AAED;;;;;GAKG;AACH,SAAgB,cAAc,CAC5B,gBAA+D;IAC/D,gBAA2C;SAA3C,UAA2C,EAA3C,qBAA2C,EAA3C,IAA2C;QAA3C,+BAA2C;;IAE3C,4EAA4E;IAC5E,IAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;IAE7B,0HAA0H;IAC1H,sGAAsG;IACtG,IAAM,aAAa,GAAG,UAAC,KAAa;QAClC,+FAA+F;QAC/F,OAAO,KAAK,CAAC,cAAM,OAAA,gCAAc,eAAI,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,CAAC,EAA3C,CAA2C,CAAC,GAApF,CAAqF,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACrH,CAAC,CAAC;IAEF,oDAAoD;IACpD,aAAa,CAAC,SAAS,GAAG;QAAC,mBAA8C;aAA9C,UAA8C,EAA9C,qBAA8C,EAA9C,IAA8C;YAA9C,8BAA8C;;QACvE,IAAM,YAAY,6DAAO,MAAM,SAAK,SAAS,OAAC,CAAC;QAC/C,OAAO,cAAc,2CAAkB,gBAAgB,GAAK,YAAY,UAAE;IAC5E,CAAC,CAAC;IAEF,OAAO,aAAa,CAAC;AACvB,CAAC;AArBD,wCAqBC"}
|
|
@@ -1,23 +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
|
-
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
|
+
var tslib_1 = require("tslib");
|
|
21
4
|
var buildUseTokens_1 = require("./buildUseTokens");
|
|
22
5
|
var baseTokens = {
|
|
23
6
|
a: 'a-base',
|
|
@@ -78,28 +61,28 @@ var variantTokens = {
|
|
|
78
61
|
};
|
|
79
62
|
describe('buildUseTokens test suite', function () {
|
|
80
63
|
test('basic built hook', function () {
|
|
81
|
-
var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0,
|
|
64
|
+
var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0, (0, tslib_1.__spreadArray)([getComponentInfo], componentTokens, false));
|
|
82
65
|
var tokens = useTokens(defaultTheme)[0];
|
|
83
66
|
expect(tokens).toEqual(resolvedTokens);
|
|
84
67
|
});
|
|
85
68
|
test('multiple calls return same object', function () {
|
|
86
|
-
var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0,
|
|
69
|
+
var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0, (0, tslib_1.__spreadArray)([getComponentInfo], componentTokens, false));
|
|
87
70
|
var tokens1 = useTokens(defaultTheme)[0];
|
|
88
71
|
var tokens2 = useTokens(defaultTheme)[0];
|
|
89
72
|
expect(tokens1).toBe(tokens2);
|
|
90
73
|
});
|
|
91
74
|
test('variant theme is separate', function () {
|
|
92
|
-
var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0,
|
|
75
|
+
var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0, (0, tslib_1.__spreadArray)([getComponentInfo], componentTokens, false));
|
|
93
76
|
var tokensDefault = useTokens(defaultTheme)[0];
|
|
94
77
|
var tokensVariant = useTokens(variantTheme)[0];
|
|
95
78
|
expect(tokensVariant).not.toBe(tokensDefault);
|
|
96
79
|
expect(tokensVariant).toEqual(variantTokens);
|
|
97
80
|
});
|
|
98
81
|
test('simple customization layers on top', function () {
|
|
99
|
-
var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0,
|
|
82
|
+
var useTokens = buildUseTokens_1.buildUseTokens.apply(void 0, (0, tslib_1.__spreadArray)([getComponentInfo], componentTokens, false));
|
|
100
83
|
var useTokensCustom = useTokens.customize({ a: 'custom' });
|
|
101
84
|
var tokens = useTokensCustom(defaultTheme)[0];
|
|
102
|
-
expect(tokens).toEqual(__assign(__assign({}, resolvedTokens), { a: 'custom' }));
|
|
85
|
+
expect(tokens).toEqual((0, tslib_1.__assign)((0, tslib_1.__assign)({}, resolvedTokens), { a: 'custom' }));
|
|
103
86
|
});
|
|
104
87
|
});
|
|
105
88
|
//# sourceMappingURL=buildUseTokens.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildUseTokens.test.js","sourceRoot":"","sources":["../src/buildUseTokens.test.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"buildUseTokens.test.js","sourceRoot":"","sources":["../src/buildUseTokens.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"customizable.js","sourceRoot":"","sources":["../src/customizable.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"customizable.js","sourceRoot":"","sources":["../src/customizable.ts"],"names":[],"mappings":";;;AAgBA;;;;;;;;GAQG;AACH,SAAgB,YAAY,CAC1B,UAAwD,EACxD,SAAqC;IAErC,IAAM,SAAS,GAAG,UAAC,KAAa,IAAK,OAAA,UAAU,CAAC,KAAK,EAAE,SAAS,CAAC,EAA5B,CAA4B,CAAC;IAClE,SAAS,CAAC,SAAS,GAAG;QAAC,gBAA2C;aAA3C,UAA2C,EAA3C,qBAA2C,EAA3C,IAA2C;YAA3C,2BAA2C;;QAChE,IAAM,YAAY,GAAG,SAAS,CAAC,SAAS,OAAnB,SAAS,EAAc,MAAM,CAAC,CAAC;QACpD,OAAO,YAAY,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IAChD,CAAC,CAAC;IACF,OAAO,SAAS,CAAC;AACnB,CAAC;AAVD,oCAUC"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -1,11 +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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
(0, tslib_1.__exportStar)(require("./applyPropsToTokens"), exports);
|
|
5
|
+
(0, tslib_1.__exportStar)(require("./applyTokenLayers"), exports);
|
|
6
|
+
(0, tslib_1.__exportStar)(require("./buildUseTokens"), exports);
|
|
7
|
+
(0, tslib_1.__exportStar)(require("./customizable"), exports);
|
|
8
|
+
(0, tslib_1.__exportStar)(require("./patchTokens"), exports);
|
|
11
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,oEAAqC;AACrC,kEAAmC;AACnC,gEAAiC;AACjC,8DAA+B;AAC/B,6DAA8B"}
|
|
@@ -1,16 +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
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.patchTokens = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
14
5
|
/**
|
|
15
6
|
* Take a set of tokens (and a memo-cache) and apply changes to those tokens from an additional set of tokens. Only keys which are
|
|
16
7
|
* not undefined will be applied and if no changes are detected the token object will be unchanged.
|
|
@@ -29,7 +20,7 @@ function patchTokens(tokens, cache, patchValues) {
|
|
|
29
20
|
var _a;
|
|
30
21
|
_a = cache(function () {
|
|
31
22
|
var _a;
|
|
32
|
-
return (__assign(__assign({}, tokens), (_a = {}, _a[key] = patchValues[key], _a)));
|
|
23
|
+
return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, tokens), (_a = {}, _a[key] = patchValues[key], _a)));
|
|
33
24
|
}, [key, patchValues[key]]), tokens = _a[0], cache = _a[1];
|
|
34
25
|
};
|
|
35
26
|
// for each key get an updated tokens collection based on key + value. Value alone isn't sufficient as the values
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"patchTokens.js","sourceRoot":"","sources":["../src/patchTokens.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"patchTokens.js","sourceRoot":"","sources":["../src/patchTokens.ts"],"names":[],"mappings":";;;;AAEA;;;;;;;;GAQG;AACH,SAAgB,WAAW,CACzB,MAAe,EACf,KAA4B,EAC5B,WAAoB;IAEpB,2GAA2G;IAC3G,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;SAClC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,WAAW,CAAC,CAAC,CAAC,KAAK,SAAS,EAA5B,CAA4B,CAAC;SAC3C,IAAI,EAAE,CAAC;4BAIC,GAAG;;QACZ,KAAkB,KAAK,CAAC;;YAAM,OAAA,iDAAM,MAAM,gBAAG,GAAG,IAAG,WAAW,CAAC,GAAG,CAAC,OAAG;QAAxC,CAAwC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAA/F,MAAM,QAAA,EAAE,KAAK,QAAA,CAAmF;;IAHnG,iHAAiH;IACjH,2GAA2G;IAC3G,KAAkB,UAAI,EAAJ,aAAI,EAAJ,kBAAI,EAAJ,IAAI;QAAjB,IAAM,GAAG,aAAA;gBAAH,GAAG;KAEb;IAED,uEAAuE;IACvE,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzB,CAAC;AAlBD,kCAkBC"}
|
|
@@ -11,29 +11,29 @@ var themeTokens = {
|
|
|
11
11
|
};
|
|
12
12
|
describe('patchTokens tests', function () {
|
|
13
13
|
test('props get copied', function () {
|
|
14
|
-
var cache = memo_cache_1.getMemoCache();
|
|
14
|
+
var cache = (0, memo_cache_1.getMemoCache)();
|
|
15
15
|
var patchValues = { uno: 'one', quatro: 'quatro' };
|
|
16
|
-
var tokens = patchTokens_1.patchTokens(themeTokens, cache, patchValues)[0];
|
|
16
|
+
var tokens = (0, patchTokens_1.patchTokens)(themeTokens, cache, patchValues)[0];
|
|
17
17
|
expect(tokens).not.toBe(themeTokens);
|
|
18
18
|
for (var key in patchValues) {
|
|
19
19
|
expect(tokens[key]).toEqual(patchValues[key]);
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
22
|
test('no copied props does not change tokens', function () {
|
|
23
|
-
var cache = memo_cache_1.getMemoCache();
|
|
23
|
+
var cache = (0, memo_cache_1.getMemoCache)();
|
|
24
24
|
var patchValues1 = {};
|
|
25
|
-
var tokens = patchTokens_1.patchTokens(themeTokens, cache, patchValues1)[0];
|
|
25
|
+
var tokens = (0, patchTokens_1.patchTokens)(themeTokens, cache, patchValues1)[0];
|
|
26
26
|
expect(tokens).toBe(themeTokens);
|
|
27
27
|
var patchValues2 = { tres: undefined };
|
|
28
|
-
var tokens2 = patchTokens_1.patchTokens(themeTokens, cache, patchValues2)[0];
|
|
28
|
+
var tokens2 = (0, patchTokens_1.patchTokens)(themeTokens, cache, patchValues2)[0];
|
|
29
29
|
expect(tokens2).toBe(themeTokens);
|
|
30
30
|
});
|
|
31
31
|
test('patching tokens cache independent of order', function () {
|
|
32
|
-
var cache = memo_cache_1.getMemoCache();
|
|
32
|
+
var cache = (0, memo_cache_1.getMemoCache)();
|
|
33
33
|
var patch1 = { uno: 'one', cinco: false };
|
|
34
34
|
var patch2 = { cinco: false, uno: 'one' };
|
|
35
|
-
var tokens1 = patchTokens_1.patchTokens(themeTokens, cache, patch1)[0];
|
|
36
|
-
var tokens2 = patchTokens_1.patchTokens(themeTokens, cache, patch2)[0];
|
|
35
|
+
var tokens1 = (0, patchTokens_1.patchTokens)(themeTokens, cache, patch1)[0];
|
|
36
|
+
var tokens2 = (0, patchTokens_1.patchTokens)(themeTokens, cache, patch2)[0];
|
|
37
37
|
expect(tokens1).toBe(tokens2);
|
|
38
38
|
});
|
|
39
39
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"patchTokens.test.js","sourceRoot":"","sources":["../src/patchTokens.test.ts"],"names":[],"mappings":";;AAAA,6CAA4C;AAC5C,gEAAiE;AAUjE,IAAM,WAAW,GAAW;IAC1B,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,QAAQ,CAAC,mBAAmB,EAAE;IAC5B,IAAI,CAAC,kBAAkB,EAAE;QACvB,IAAM,KAAK,GAAG,yBAAY,
|
|
1
|
+
{"version":3,"file":"patchTokens.test.js","sourceRoot":"","sources":["../src/patchTokens.test.ts"],"names":[],"mappings":";;AAAA,6CAA4C;AAC5C,gEAAiE;AAUjE,IAAM,WAAW,GAAW;IAC1B,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,QAAQ,CAAC,mBAAmB,EAAE;IAC5B,IAAI,CAAC,kBAAkB,EAAE;QACvB,IAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;QAC7B,IAAM,WAAW,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;QAC9C,IAAA,MAAM,GAAI,IAAA,yBAAW,EAAC,WAAW,EAAE,KAAK,EAAE,WAAW,CAAC,GAAhD,CAAiD;QAC9D,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACrC,KAAK,IAAM,GAAG,IAAI,WAAW,EAAE;YAC7B,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;SAC/C;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,wCAAwC,EAAE;QAC7C,IAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;QAC7B,IAAM,YAAY,GAAG,EAAE,CAAC;QACjB,IAAA,MAAM,GAAI,IAAA,yBAAW,EAAC,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,GAAjD,CAAkD;QAC/D,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAEjC,IAAM,YAAY,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;QAClC,IAAA,OAAO,GAAI,IAAA,yBAAW,EAAC,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,GAAjD,CAAkD;QAChE,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4CAA4C,EAAE;QACjD,IAAM,KAAK,GAAG,IAAA,yBAAY,GAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;QAC5C,IAAM,MAAM,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;QACrC,IAAA,OAAO,GAAI,IAAA,yBAAW,EAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,GAA3C,CAA4C;QACnD,IAAA,OAAO,GAAI,IAAA,yBAAW,EAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,GAA3C,CAA4C;QAC1D,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,40 +1,9 @@
|
|
|
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 __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
-
};
|
|
27
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
28
|
-
if (mod && mod.__esModule) return mod;
|
|
29
|
-
var result = {};
|
|
30
|
-
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
|
|
31
|
-
result["default"] = mod;
|
|
32
|
-
return result;
|
|
33
|
-
};
|
|
34
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
35
4
|
var react_native_1 = require("react-native");
|
|
36
|
-
var enzyme_to_json_1 = __importDefault(require("enzyme-to-json"));
|
|
37
|
-
var React = __importStar(require("react"));
|
|
5
|
+
var enzyme_to_json_1 = (0, tslib_1.__importDefault)(require("enzyme-to-json"));
|
|
6
|
+
var React = (0, tslib_1.__importStar)(require("react"));
|
|
38
7
|
var enzyme_1 = require("enzyme");
|
|
39
8
|
var buildUseTokens_1 = require("./buildUseTokens");
|
|
40
9
|
var merge_props_1 = require("@fluentui-react-native/merge-props");
|
|
@@ -55,13 +24,13 @@ var baseTheme = {
|
|
|
55
24
|
var current = { theme: baseTheme };
|
|
56
25
|
var useTheme = function () { return current.theme; };
|
|
57
26
|
var setActiveTheme = function (theme) {
|
|
58
|
-
current.theme = (theme && immutable_merge_1.immutableMerge(baseTheme, theme)) || baseTheme;
|
|
27
|
+
current.theme = (theme && (0, immutable_merge_1.immutableMerge)(baseTheme, theme)) || baseTheme;
|
|
59
28
|
};
|
|
60
29
|
/**
|
|
61
30
|
* this wrapper solves the (so-far) inexplicable type errors from the matchers in typescript
|
|
62
31
|
*/
|
|
63
32
|
function snapshotTestTree(tree) {
|
|
64
|
-
expect(enzyme_to_json_1.default(tree)).toMatchSnapshot();
|
|
33
|
+
expect((0, enzyme_to_json_1.default)(tree)).toMatchSnapshot();
|
|
65
34
|
}
|
|
66
35
|
/**
|
|
67
36
|
* Helper function used to look up a component in the theme. Having this injected allows this module to not be dependent on the shape of
|
|
@@ -75,7 +44,7 @@ describe('useTokens samples', function () {
|
|
|
75
44
|
* This adds some default opinions for how a text element should be styled but only allows for customization
|
|
76
45
|
* via theming
|
|
77
46
|
*/
|
|
78
|
-
var useTokensSample1 = buildUseTokens_1.buildUseTokens(getComponentInfo,
|
|
47
|
+
var useTokensSample1 = (0, buildUseTokens_1.buildUseTokens)(getComponentInfo,
|
|
79
48
|
/** first the default values should come from the global theme section */
|
|
80
49
|
function (t) { return ({
|
|
81
50
|
color: t.globals.color,
|
|
@@ -86,7 +55,7 @@ describe('useTokens samples', function () {
|
|
|
86
55
|
'SampleText');
|
|
87
56
|
var SampleText1 = function (props) {
|
|
88
57
|
// standard props splitting
|
|
89
|
-
var style = props.style, children = props.children, rest = __rest(props, ["style", "children"]);
|
|
58
|
+
var style = props.style, children = props.children, rest = (0, tslib_1.__rest)(props, ["style", "children"]);
|
|
90
59
|
// typically this would start with a call to retrieve the theme from the context via whatever method is appropriate
|
|
91
60
|
var theme = useTheme();
|
|
92
61
|
// next the tokens are resolved from the theme, a cache specific to this theme is returned as well to allow for
|
|
@@ -99,7 +68,7 @@ describe('useTokens samples', function () {
|
|
|
99
68
|
* - this executes once for every unique set of keys.
|
|
100
69
|
* - The cache is already unique for this theme
|
|
101
70
|
*/
|
|
102
|
-
function () { return (__assign({}, tokens)); },
|
|
71
|
+
function () { return ((0, tslib_1.__assign)({}, tokens)); },
|
|
103
72
|
/**
|
|
104
73
|
* now specify the keys
|
|
105
74
|
* - because the only changing variable is the theme
|
|
@@ -110,16 +79,16 @@ describe('useTokens samples', function () {
|
|
|
110
79
|
[]);
|
|
111
80
|
// merge the props from the tokens with anything passed in via style. This is internally cached via object identity
|
|
112
81
|
// so the merged style object won't change identity unless one of the two inputs changes identity.
|
|
113
|
-
var mergedStyle = merge_props_1.mergeStyles(styleFromTokens, style);
|
|
82
|
+
var mergedStyle = (0, merge_props_1.mergeStyles)(styleFromTokens, style);
|
|
114
83
|
// now just render the element, forwarding the props, setting the merged style, then passing the children as appropriate
|
|
115
|
-
return (React.createElement(react_native_1.Text, __assign({}, rest, { style: mergedStyle }), children));
|
|
84
|
+
return (React.createElement(react_native_1.Text, (0, tslib_1.__assign)({}, rest, { style: mergedStyle }), children));
|
|
116
85
|
};
|
|
117
86
|
beforeEach(function () {
|
|
118
87
|
setActiveTheme();
|
|
119
88
|
});
|
|
120
89
|
/** first render the component with no updates */
|
|
121
90
|
it('Sample1Text rendering with no overrides', function () {
|
|
122
|
-
var tree = enzyme_1.mount(React.createElement(SampleText1, null, "Sample1a"));
|
|
91
|
+
var tree = (0, enzyme_1.mount)(React.createElement(SampleText1, null, "Sample1a"));
|
|
123
92
|
snapshotTestTree(tree);
|
|
124
93
|
});
|
|
125
94
|
/** now re-theme the component via the components in the theme */
|
|
@@ -132,12 +101,12 @@ describe('useTokens samples', function () {
|
|
|
132
101
|
},
|
|
133
102
|
},
|
|
134
103
|
});
|
|
135
|
-
var tree = enzyme_1.mount(React.createElement(SampleText1, null, "Sample1b"));
|
|
104
|
+
var tree = (0, enzyme_1.mount)(React.createElement(SampleText1, null, "Sample1b"));
|
|
136
105
|
snapshotTestTree(tree);
|
|
137
106
|
});
|
|
138
107
|
// the Sample2Text component is built the same way as sample1, just using the new hook that has been created
|
|
139
108
|
var SampleText2 = function (props) {
|
|
140
|
-
var color = props.color, style = props.style, children = props.children, rest = __rest(props, ["color", "style", "children"]);
|
|
109
|
+
var color = props.color, style = props.style, children = props.children, rest = (0, tslib_1.__rest)(props, ["color", "style", "children"]);
|
|
141
110
|
var theme = useTheme();
|
|
142
111
|
// this starts the same as sample1, extract tokens from the theme and get a theme specific cache object
|
|
143
112
|
var _a = useTokensSample1(theme), tokens = _a[0], cache = _a[1];
|
|
@@ -145,15 +114,15 @@ describe('useTokens samples', function () {
|
|
|
145
114
|
// in value of colors. Because the theme is already part of the cache definition, only color needs to be a key
|
|
146
115
|
var styleFromTokens = cache(
|
|
147
116
|
/** build the style, only patch the color if it has a value, otherwise the theme value would get stomped if color was undefined */
|
|
148
|
-
function () { return (__assign(__assign({}, tokens), (color && { color: color }))); },
|
|
117
|
+
function () { return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, tokens), (color && { color: color }))); },
|
|
149
118
|
/** use color as an additional key for the style */
|
|
150
119
|
[color]);
|
|
151
120
|
// now just render, this time merging styles inline to make it a bit shorter
|
|
152
|
-
return (React.createElement(react_native_1.Text, __assign({}, rest, { style: merge_props_1.mergeStyles(styleFromTokens, style) }), children));
|
|
121
|
+
return (React.createElement(react_native_1.Text, (0, tslib_1.__assign)({}, rest, { style: (0, merge_props_1.mergeStyles)(styleFromTokens, style) }), children));
|
|
153
122
|
};
|
|
154
123
|
/** rendering the Sample2 component with the base theme */
|
|
155
124
|
it('Sample2Text rendering with defaults and a color override', function () {
|
|
156
|
-
var tree = enzyme_1.mount(React.createElement(react_native_1.View, null,
|
|
125
|
+
var tree = (0, enzyme_1.mount)(React.createElement(react_native_1.View, null,
|
|
157
126
|
React.createElement(SampleText2, null, "Sample2 with defaults"),
|
|
158
127
|
React.createElement(SampleText2, { color: "green" }, "Sample2 with color override via prop")));
|
|
159
128
|
snapshotTestTree(tree);
|
|
@@ -168,7 +137,7 @@ describe('useTokens samples', function () {
|
|
|
168
137
|
},
|
|
169
138
|
},
|
|
170
139
|
});
|
|
171
|
-
var tree = enzyme_1.mount(React.createElement(react_native_1.View, null,
|
|
140
|
+
var tree = (0, enzyme_1.mount)(React.createElement(react_native_1.View, null,
|
|
172
141
|
React.createElement(SampleText2, null, "Sample2 with theme overrides set"),
|
|
173
142
|
React.createElement(SampleText2, { color: "purple" }, "Sample2 with theme and color prop override")));
|
|
174
143
|
snapshotTestTree(tree);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTokens.samples.test.js","sourceRoot":"","sources":["../src/useTokens.samples.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useTokens.samples.test.js","sourceRoot":"","sources":["../src/useTokens.samples.test.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/use-tokens",
|
|
3
|
-
"version": "0.1
|
|
3
|
+
"version": "0.2.1",
|
|
4
4
|
"description": "Utilities and hook function for getting themed tokens for a component",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -21,8 +21,6 @@
|
|
|
21
21
|
"start-test": "fluentui-scripts jest-watch",
|
|
22
22
|
"test": "fluentui-scripts jest",
|
|
23
23
|
"update-snapshots": "fluentui-scripts jest -u",
|
|
24
|
-
"verify-api": "fluentui-scripts verify-api-extractor",
|
|
25
|
-
"update-api": "fluentui-scripts update-api-extractor",
|
|
26
24
|
"prettier": "fluentui-scripts prettier",
|
|
27
25
|
"prettier-fix": "fluentui-scripts prettier --fix true"
|
|
28
26
|
},
|
|
@@ -30,14 +28,15 @@
|
|
|
30
28
|
"author": "",
|
|
31
29
|
"license": "MIT",
|
|
32
30
|
"dependencies": {
|
|
33
|
-
"@fluentui-react-native/immutable-merge": "^1.1.
|
|
34
|
-
"@fluentui-react-native/memo-cache": "^1.1.
|
|
31
|
+
"@fluentui-react-native/immutable-merge": "^1.1.5",
|
|
32
|
+
"@fluentui-react-native/memo-cache": "^1.1.6",
|
|
33
|
+
"tslib": "^2.3.1"
|
|
35
34
|
},
|
|
36
35
|
"devDependencies": {
|
|
37
|
-
"@fluentui-react-native/merge-props": "^0.
|
|
36
|
+
"@fluentui-react-native/merge-props": "^0.4.1",
|
|
38
37
|
"@types/jest": "^26.0.0",
|
|
39
38
|
"@uifabricshared/build-native": "^0.1.1",
|
|
40
|
-
"react": "
|
|
41
|
-
"react-native": "^0.
|
|
39
|
+
"react": "17.0.1",
|
|
40
|
+
"react-native": "^0.64.3"
|
|
42
41
|
}
|
|
43
42
|
}
|
package/src/buildUseTokens.ts
CHANGED
|
@@ -56,7 +56,7 @@ function mapToTokens<TTokens, TTheme>(
|
|
|
56
56
|
if (typeof tokenEntry === 'function') {
|
|
57
57
|
tokenEntry = (tokenEntry as TokensFromTheme<TTokens, TTheme>)(theme);
|
|
58
58
|
}
|
|
59
|
-
return
|
|
59
|
+
return tokenEntry as unknown as object;
|
|
60
60
|
}
|
|
61
61
|
|
|
62
62
|
/**
|
package/api-extractor.json
DELETED