add component displayName setter

janbiedermann · janbiedermann · commit c6b07635621e · 2018-03-26T00:13:55.000+02:00
diff --git a/lib/react/api.rb b/lib/react/api.rb
@@ -56,9 +56,13 @@ class extends React.Component {
             this.__opalInstance = #{type.new(`this`)};
             this.__opalInstanceInitializedState = true;
             this.__opalInstanceSyncSetState = false;
+            this.__name = #{type.name}
           }
           static get displayName() {
-            return #{type.name};
+            return this.__name;
+          }
+          static set displayName(name) {
+            this.__name = name;
           }
           static get defaultProps() {
             return #{type.respond_to?(:default_props) ? type.default_props.to_n : `{}`};
@@ -106,11 +110,11 @@ class extends React.Component {
             }
           }
           componentWillUnmount() {
-            this.__opalInstance.is_mounted = false;
             if (#{type.method_defined? :component_will_unmount}) {
               this.__opalInstanceSyncSetState = false;
               this.__opalInstance.$component_will_unmount();
             }
+            this.__opalInstance.is_mounted = false;
           }
           componentDidCatch(error, info) {
             if (#{type.method_defined? :component_did_catch}) {

Original file line number	Diff line number	Diff line change
`@@ -56,9 +56,13 @@ class extends React.Component {`
`56`	`56`	this.__opalInstance = #{type.new(`this`)};
`57`	`57`	`this.__opalInstanceInitializedState = true;`
`58`	`58`	`this.__opalInstanceSyncSetState = false;`
	`59`	`+ this.__name = #{type.name}`
`59`	`60`	`}`
`60`	`61`	`static get displayName() {`
`61`		`- return #{type.name};`
	`62`	`+ return this.__name;`
	`63`	`+ }`
	`64`	`+ static set displayName(name) {`
	`65`	`+ this.__name = name;`
`62`	`66`	`}`
`63`	`67`	`static get defaultProps() {`
`64`	`68`	return #{type.respond_to?(:default_props) ? type.default_props.to_n : `{}`};
`@@ -106,11 +110,11 @@ class extends React.Component {`
`106`	`110`	`}`
`107`	`111`	`}`
`108`	`112`	`componentWillUnmount() {`
`109`		`- this.__opalInstance.is_mounted = false;`
`110`	`113`	`if (#{type.method_defined? :component_will_unmount}) {`
`111`	`114`	`this.__opalInstanceSyncSetState = false;`
`112`	`115`	`this.__opalInstance.$component_will_unmount();`
`113`	`116`	`}`
	`117`	`+ this.__opalInstance.is_mounted = false;`
`114`	`118`	`}`
`115`	`119`	`componentDidCatch(error, info) {`
`116`	`120`	`if (#{type.method_defined? :component_did_catch}) {`