react-native-unistyles 3.0.0-alpha.10 → 3.0.0-alpha.12
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/cxx/core/HostStyle.h +1 -1
- package/cxx/core/Unistyle.h +7 -4
- package/cxx/core/UnistyleWrapper.h +19 -1
- package/cxx/core/UnistylesCommitHook.cpp +3 -4
- package/cxx/core/UnistylesCommitHook.h +3 -2
- package/cxx/core/UnistylesMountHook.cpp +3 -4
- package/cxx/core/UnistylesMountHook.h +3 -2
- package/cxx/core/UnistylesRegistry.cpp +24 -36
- package/cxx/core/UnistylesRegistry.h +4 -7
- package/cxx/core/UnistylesState.cpp +1 -1
- package/cxx/hybridObjects/HybridShadowRegistry.cpp +9 -9
- package/cxx/hybridObjects/HybridStyleSheet.cpp +6 -0
- package/cxx/hybridObjects/HybridStyleSheet.h +3 -3
- package/cxx/parser/Parser.cpp +36 -40
- package/cxx/parser/Parser.h +1 -1
- package/cxx/shadowTree/ShadowLeafUpdate.h +1 -1
- package/cxx/shadowTree/ShadowTreeManager.cpp +3 -8
- package/lib/commonjs/specs/ShadowRegistry/index.js +1 -1
- package/lib/commonjs/specs/ShadowRegistry/index.js.map +1 -1
- package/lib/module/specs/ShadowRegistry/index.js +1 -1
- package/lib/module/specs/ShadowRegistry/index.js.map +1 -1
- package/lib/typescript/src/specs/ShadowRegistry/index.d.ts +1 -1
- package/lib/typescript/src/specs/ShadowRegistry/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/plugin/__tests__/dependencies.spec.js +15 -5
- package/plugin/__tests__/ref.spec.js +209 -30
- package/plugin/__tests__/stylesheet.spec.js +27 -9
- package/plugin/index.js +38 -3
- package/plugin/ref.js +41 -11
- package/plugin/style.js +45 -1
- package/src/specs/ShadowRegistry/index.ts +2 -2
|
@@ -16,6 +16,7 @@ pluginTester({
|
|
|
16
16
|
{
|
|
17
17
|
title: 'Should detect dependencies in variants',
|
|
18
18
|
code: `
|
|
19
|
+
import { View, Text } from 'react-native'
|
|
19
20
|
import { StyleSheet } from 'react-native-unistyles'
|
|
20
21
|
|
|
21
22
|
export const Example = () => {
|
|
@@ -44,12 +45,13 @@ pluginTester({
|
|
|
44
45
|
`,
|
|
45
46
|
output: `
|
|
46
47
|
import { UnistylesShadowRegistry } from 'react-native-unistyles'
|
|
48
|
+
import { View, Text } from 'react-native'
|
|
47
49
|
import { StyleSheet } from 'react-native-unistyles'
|
|
48
50
|
|
|
49
51
|
export const Example = () => {
|
|
50
52
|
return (
|
|
51
53
|
<View
|
|
52
|
-
style={styles.container}
|
|
54
|
+
style={[styles.container]}
|
|
53
55
|
ref={ref => {
|
|
54
56
|
UnistylesShadowRegistry.add(ref, styles.container, undefined, undefined)
|
|
55
57
|
return () => UnistylesShadowRegistry.remove(ref, styles.container)
|
|
@@ -82,6 +84,7 @@ pluginTester({
|
|
|
82
84
|
{
|
|
83
85
|
title: 'Should detect dependencies in breakpoints',
|
|
84
86
|
code: `
|
|
87
|
+
import { View, Text } from 'react-native'
|
|
85
88
|
import { StyleSheet } from 'react-native-unistyles'
|
|
86
89
|
|
|
87
90
|
export const Example = () => {
|
|
@@ -105,12 +108,13 @@ pluginTester({
|
|
|
105
108
|
`,
|
|
106
109
|
output: `
|
|
107
110
|
import { UnistylesShadowRegistry } from 'react-native-unistyles'
|
|
111
|
+
import { View, Text } from 'react-native'
|
|
108
112
|
import { StyleSheet } from 'react-native-unistyles'
|
|
109
113
|
|
|
110
114
|
export const Example = () => {
|
|
111
115
|
return (
|
|
112
116
|
<View
|
|
113
|
-
style={styles.container}
|
|
117
|
+
style={[styles.container]}
|
|
114
118
|
ref={ref => {
|
|
115
119
|
UnistylesShadowRegistry.add(ref, styles.container, undefined, undefined)
|
|
116
120
|
return () => UnistylesShadowRegistry.remove(ref, styles.container)
|
|
@@ -140,6 +144,7 @@ pluginTester({
|
|
|
140
144
|
{
|
|
141
145
|
title: 'Should detect dependencies in calculations',
|
|
142
146
|
code: `
|
|
147
|
+
import { View, Text } from 'react-native'
|
|
143
148
|
import { StyleSheet } from 'react-native-unistyles'
|
|
144
149
|
|
|
145
150
|
export const Example = () => {
|
|
@@ -160,12 +165,13 @@ pluginTester({
|
|
|
160
165
|
`,
|
|
161
166
|
output: `
|
|
162
167
|
import { UnistylesShadowRegistry } from 'react-native-unistyles'
|
|
168
|
+
import { View, Text } from 'react-native'
|
|
163
169
|
import { StyleSheet } from 'react-native-unistyles'
|
|
164
170
|
|
|
165
171
|
export const Example = () => {
|
|
166
172
|
return (
|
|
167
173
|
<View
|
|
168
|
-
style={styles.container}
|
|
174
|
+
style={[styles.container]}
|
|
169
175
|
ref={ref => {
|
|
170
176
|
UnistylesShadowRegistry.add(ref, styles.container, undefined, undefined)
|
|
171
177
|
return () => UnistylesShadowRegistry.remove(ref, styles.container)
|
|
@@ -192,6 +198,7 @@ pluginTester({
|
|
|
192
198
|
{
|
|
193
199
|
title: 'Should detect dependencies in _web',
|
|
194
200
|
code: `
|
|
201
|
+
import { View, Text } from 'react-native'
|
|
195
202
|
import { StyleSheet } from 'react-native-unistyles'
|
|
196
203
|
|
|
197
204
|
export const Example = () => {
|
|
@@ -273,12 +280,13 @@ pluginTester({
|
|
|
273
280
|
`,
|
|
274
281
|
output: `
|
|
275
282
|
import { UnistylesShadowRegistry } from 'react-native-unistyles'
|
|
283
|
+
import { View, Text } from 'react-native'
|
|
276
284
|
import { StyleSheet } from 'react-native-unistyles'
|
|
277
285
|
|
|
278
286
|
export const Example = () => {
|
|
279
287
|
return (
|
|
280
288
|
<View
|
|
281
|
-
style={styles.container}
|
|
289
|
+
style={[styles.container]}
|
|
282
290
|
ref={ref => {
|
|
283
291
|
UnistylesShadowRegistry.add(ref, styles.container, undefined, undefined)
|
|
284
292
|
return () => UnistylesShadowRegistry.remove(ref, styles.container)
|
|
@@ -371,6 +379,7 @@ pluginTester({
|
|
|
371
379
|
{
|
|
372
380
|
title: 'Should allow user to use arrow functions with body for dynamic functions',
|
|
373
381
|
code: `
|
|
382
|
+
import { View, Text } from 'react-native'
|
|
374
383
|
import { StyleSheet } from 'react-native-unistyles'
|
|
375
384
|
|
|
376
385
|
export const Example = () => {
|
|
@@ -398,12 +407,13 @@ pluginTester({
|
|
|
398
407
|
`,
|
|
399
408
|
output: `
|
|
400
409
|
import { UnistylesShadowRegistry } from 'react-native-unistyles'
|
|
410
|
+
import { View, Text } from 'react-native'
|
|
401
411
|
import { StyleSheet } from 'react-native-unistyles'
|
|
402
412
|
|
|
403
413
|
export const Example = () => {
|
|
404
414
|
return (
|
|
405
415
|
<View
|
|
406
|
-
style={styles.container}
|
|
416
|
+
style={[styles.container]}
|
|
407
417
|
ref={ref => {
|
|
408
418
|
UnistylesShadowRegistry.add(ref, styles.container, undefined, undefined)
|
|
409
419
|
return () => UnistylesShadowRegistry.remove(ref, styles.container)
|