Commit99fdf44

committed

fix: anonymous@prop usage

1 parent5b7b876 commit99fdf44Copy full SHA for 99fdf44

File tree

+51

-1

lines changed

+51

-1

lines changed

Lines changed: 38 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -293,3 +293,41 @@ test("@prop multiple", () => {`
`293`	`293`	`],`
`294`	`294`	`});`
`295`	`295`	`});`
	`296`	`+`
	`297`	`+test("@prop dot notation",()=>{`
	`298`	+constcompiled=registerCSS(`
	`299`	`+ .my-class {`
	`300`	`+ @prop test.nested;`
	`301`	`+ @media all {`
	`302`	`+ color: red;`
	`303`	`+ }`
	`304`	`+ }`
	`305`	+ `);
	`306`	`+`
	`307`	`+expect(compiled.stylesheet()).toStrictEqual({`
	`308`	`+s:[`
	`309`	`+[`
	`310`	`+"my-class",`
	`311`	`+[`
	`312`	`+{`
	`313`	`+d:[["#f00",["test","nested"]]],`
	`314`	`+v:[["__rn-css-color","#f00"]],`
	`315`	`+s:[2,1],`
	`316`	`+},`
	`317`	`+],`
	`318`	`+],`
	`319`	`+],`
	`320`	`+});`
	`321`	`+`
	`322`	`+render(<ViewtestID={testID}className="my-class"/>);`
	`323`	`+constcomponent=screen.getByTestId(testID);`
	`324`	`+`
	`325`	`+expect(component.props).toStrictEqual({`
	`326`	`+children:undefined,`
	`327`	`+style:{},`
	`328`	`+test:{`
	`329`	`+nested:"#f00",`
	`330`	`+},`
	`331`	`+testID:"react-native-css",`
	`332`	`+});`
	`333`	`+});`

Lines changed: 13 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -103,10 +103,22 @@ function propAtRuleBlock(`
`103`	`103`	`token:Extract<TokenOrValue,{type:"token"}>[],`
`104`	`104`	`mapping:StyleRuleMapping={},`
`105`	`105`	`):StyleRuleMapping{`
`106`		`-const[from,to]=splitByDelimiter(token,(item)=>{`
	`106`	`+let[from,to]=splitByDelimiter(token,(item)=>{`
`107`	`107`	`returnitem.value.type==="colon";`
`108`	`108`	`});`
`109`	`109`
	`110`	`+//@props <to>; (has no from value)`
	`111`	`+if(!to&&from){`
	`112`	`+to=from;`
	`113`	`+from=[`
	`114`	`+{`
	`115`	`+type:"token",`
	`116`	`+value:{type:"ident",value:"*"},`
	`117`	`+},`
	`118`	`+];`
	`119`	`+}`
	`120`	`+`
	`121`	`+// We can only map from a single property`
`110`	`122`	`if(!from\|\|from.length!==1){`
`111`	`123`	`returnmapping;`
`112`	`124`	`}`

Comments

(0)