Fix className usage for custom element. See facebook/react#4933

Author: Itee

sources/uis/displays/bars/TAppBar.js

@@ -40,14 +40,14 @@ class TAppBar extends React.Component {
         }
 
         return (
-            <t-app-bar id={_id} style={_style} className={'tAppBar'}>
-                <t-app-bar-left style={_subStyle} className={'tAppBarPart tAppBarLeft'}>
+            <t-app-bar id={_id} style={_style} class={'tAppBar'}>
+                <t-app-bar-left style={_subStyle} class={'tAppBarPart tAppBarLeft'}>
                     {left}
                 </t-app-bar-left>
-                <t-app-bar-center style={_subStyle} className={'tAppBarPart tAppBarLCenter'}>
+                <t-app-bar-center style={_subStyle} class={'tAppBarPart tAppBarLCenter'}>
                     {center}
                 </t-app-bar-center>
-                <t-app-bar-right style={_subStyle} className={'tAppBarPart tAppBarLRight'}>
+                <t-app-bar-right style={_subStyle} class={'tAppBarPart tAppBarLRight'}>
                     {right}
                 </t-app-bar-right>
             </t-app-bar>

sources/uis/displays/bars/TStatusBar.js

@@ -78,7 +78,7 @@ class TStatusBar extends React.Component {
         }
 
         return (
-            <t-status-bar id={_id} style={_style} className={'tStatusBar'}>
+            <t-status-bar id={_id} style={_style} class={'tStatusBar'}>
                 {children}
             </t-status-bar>
         )

sources/uis/displays/bars/TTitleBar.js

@@ -49,7 +49,7 @@ class TTitleBar extends React.Component {
         const _class = ( className ) ? `tTitleBar ${className}` : 'tTitleBar'
 
         return (
-            <t-title-bar ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-title-bar>
+            <t-title-bar ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-title-bar>
         )
 
     }

sources/uis/displays/bars/TToolBar.js

@@ -37,7 +37,7 @@ class TToolBar extends React.Component {
         }
 
         return (
-            <t-tool-bar id={_id} style={_style} className={_class}></t-tool-bar>
+            <t-tool-bar id={_id} style={_style} class={_class}></t-tool-bar>
         )
 
     }

sources/uis/displays/bases/TAvatar.js

@@ -49,7 +49,7 @@ class TAvatar extends React.Component {
         const _class = ( className ) ? `tAvatar ${className}` : 'tAvatar'
 
         return (
-            <t-avatar ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-avatar>
+            <t-avatar ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-avatar>
         )
 
     }

sources/uis/displays/bases/TBadge.js

@@ -49,7 +49,7 @@ class TBadge extends React.Component {
         const _class = ( className ) ? `tBadge ${className}` : 'tBadge'
 
         return (
-            <t-badge ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-badge>
+            <t-badge ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-badge>
         )
 
     }

sources/uis/displays/bases/TCalendar.js

@@ -49,7 +49,7 @@ class TCalendar extends React.Component {
         const _class = ( className ) ? `tCalendar ${className}` : 'tCalendar'
 
         return (
-            <t-calendar ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-calendar>
+            <t-calendar ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-calendar>
         )
 
     }

sources/uis/displays/bases/TCard.js

@@ -49,7 +49,7 @@ class TCard extends React.Component {
         const _class = ( className ) ? `tCard ${className}` : 'tCard'
 
         return (
-            <t-card ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-card>
+            <t-card ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-card>
         )
 
     }

sources/uis/displays/bases/TCode.js

@@ -49,7 +49,7 @@ class TCode extends React.Component {
         const _class = ( className ) ? `tCode ${className}` : 'tCode'
 
         return (
-            <t-code ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-code>
+            <t-code ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-code>
         )
 
     }

sources/uis/displays/bases/TDateTime.js

@@ -98,7 +98,7 @@ class TDateTime extends React.Component {
         const _style = {}
 
         return (
-            <t-date-time id={_id} style={_style} className={_class} />
+            <t-date-time id={_id} style={_style} class={_class} />
         )
 
     }

sources/uis/displays/bases/TDivider.js

@@ -49,7 +49,7 @@ class TDivider extends React.Component {
         const _class = ( className ) ? `tDivider ${className}` : 'tDivider'
 
         return (
-            <t-divider id={_id} style={_style} className={_class} role={'separator'}></t-divider>
+            <t-divider id={_id} style={_style} class={_class} role={'separator'}></t-divider>
         )
 
     }

sources/uis/displays/bases/TErrorCatcher.js

@@ -71,7 +71,7 @@ class TErrorCatcher extends React.Component {
 
         if ( this.state.error ) {
             return (
-                <t-error-catcher ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}>
+                <t-error-catcher ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}>
                     <h1>Error: {this.state.error.toString()}</h1>
                     <div>Info: {this.state.info.toString()} </div>
                 </t-error-catcher>

sources/uis/displays/bases/TFlag.js

@@ -49,7 +49,7 @@ class TFlag extends React.Component {
         const _class = ( className ) ? `tFlag ${className}` : 'tFlag'
 
         return (
-            <t-flag ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-flag>
+            <t-flag ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-flag>
         )
 
     }

sources/uis/displays/bases/TGraph.js

@@ -49,7 +49,7 @@ class TGraph extends React.Component {
         const _class = ( className ) ? `tGraph ${className}` : 'tGraph'
 
         return (
-            <t-graph ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-graph>
+            <t-graph ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-graph>
         )
 
     }

sources/uis/displays/bases/THeading.js

@@ -49,7 +49,7 @@ class THeading extends React.Component {
         const _class = ( className ) ? `tHeading ${className}` : 'tHeading'
 
         return (
-            <t-heading ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-heading>
+            <t-heading ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-heading>
         )
 
     }

sources/uis/displays/bases/TIcon.js

@@ -49,7 +49,7 @@ class TIcon extends React.Component {
         const _class = ( className ) ? `tIcon ${className}` : 'tIcon'
 
         return (
-            <t-icon ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-icon>
+            <t-icon ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-icon>
         )
 
     }

sources/uis/displays/bases/TLabel.js

@@ -49,7 +49,7 @@ class TLabel extends React.Component {
         const _class = ( className ) ? `tLabel ${className}` : 'tLabel'
 
         return (
-            <t-label ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-label>
+            <t-label ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-label>
         )
 
     }

sources/uis/displays/bases/TLegend.js

@@ -49,7 +49,7 @@ class TLegend extends React.Component {
         const _class = ( className ) ? `tLegend ${className}` : 'tLegend'
 
         return (
-            <t-legend ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-legend>
+            <t-legend ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-legend>
         )
 
     }

sources/uis/displays/bases/TLink.js

@@ -49,7 +49,7 @@ class TLink extends React.Component {
         const _class = ( className ) ? `tLink ${className}` : 'tLink'
 
         return (
-            <t-link ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-link>
+            <t-link ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-link>
         )
 
     }

sources/uis/displays/bases/TParagraphe.js

@@ -49,7 +49,7 @@ class TParagraphe extends React.Component {
         const _class = ( className ) ? `tParagraphe ${className}` : 'tParagraphe'
 
         return (
-            <t-paragraphe ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-paragraphe>
+            <t-paragraphe ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-paragraphe>
         )
 
     }

sources/uis/displays/bases/TProgress.js

@@ -49,7 +49,7 @@ class TProgress extends React.Component {
         const _class = ( className ) ? `tProgress ${className}` : 'tProgress'
 
         return (
-            <t-progress ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-progress>
+            <t-progress ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-progress>
         )
 
     }

sources/uis/displays/bases/TQuote.js

@@ -49,7 +49,7 @@ class TQuote extends React.Component {
         const _class = ( className ) ? `tQuote ${className}` : 'tQuote'
 
         return (
-            <t-quote ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-quote>
+            <t-quote ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-quote>
         )
 
     }

sources/uis/displays/bases/TSpin.js

@@ -49,7 +49,7 @@ class TSpin extends React.Component {
         const _class = ( className ) ? `tSpin ${className}` : 'tSpin'
 
         return (
-            <t-spin ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-spin>
+            <t-spin ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-spin>
         )
 
     }

sources/uis/displays/bases/TTag.js

@@ -49,7 +49,7 @@ class TTag extends React.Component {
         const _class = ( className ) ? `tTag ${className}` : 'tTag'
 
         return (
-            <t-tag ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-tag>
+            <t-tag ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-tag>
         )
 
     }

sources/uis/displays/bases/TTile.js

@@ -49,7 +49,7 @@ class TTile extends React.Component {
         const _class = ( className ) ? `tTile ${className}` : 'tTile'
 
         return (
-            <t-tile ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-tile>
+            <t-tile ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-tile>
         )
 
     }

sources/uis/displays/bases/TTimeLine.js

@@ -49,7 +49,7 @@ class TTimeLine extends React.Component {
         const _class = ( className ) ? `tTimeLine ${className}` : 'tTimeLine'
 
         return (
-            <t-time-line ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-time-line>
+            <t-time-line ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-time-line>
         )
 
     }

sources/uis/displays/bases/TToolTip.js

@@ -49,7 +49,7 @@ class TToolTip extends React.Component {
         const _class = ( className ) ? `tToolTip ${className}` : 'tToolTip'
 
         return (
-            <t-tool-tip ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-tool-tip>
+            <t-tool-tip ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-tool-tip>
         )
 
     }

sources/uis/displays/collections/TAccordion.js

@@ -49,7 +49,7 @@ class TAccordion extends React.Component {
         const _class = ( className ) ? `tAccordion ${className}` : 'tAccordion'
 
         return (
-            <t-accordion ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-accordion>
+            <t-accordion ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-accordion>
         )
 
     }

sources/uis/displays/collections/TCollapse.js

@@ -49,7 +49,7 @@ class TCollapse extends React.Component {
         const _class = ( className ) ? `tCollapse ${className}` : 'tCollapse'
 
         return (
-            <t-collapse ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-collapse>
+            <t-collapse ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-collapse>
         )
 
     }

sources/uis/displays/collections/TFeed.js

@@ -49,7 +49,7 @@ class TFeed extends React.Component {
         const _class = ( className ) ? `tFeed ${className}` : 'tFeed'
 
         return (
-            <t-feed ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-feed>
+            <t-feed ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-feed>
         )
 
     }

sources/uis/displays/collections/TList.js

@@ -49,7 +49,7 @@ class TList extends React.Component {
         const _class = ( className ) ? `tList ${className}` : 'tList'
 
         return (
-            <t-list ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-list>
+            <t-list ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-list>
         )
 
     }

sources/uis/displays/docks/TDock.js

@@ -49,7 +49,7 @@ class TDock extends React.Component {
         const _class = ( className ) ? `tDock ${className}` : 'tDock'
 
         return (
-            <t-dock ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-dock>
+            <t-dock ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-dock>
         )
 
     }

sources/uis/displays/layouts/TCentererLayout.js

@@ -53,7 +53,7 @@ class TCentererLayout extends React.Component {
         const _class = `tCentererLayout ${className}` // container justified-container
 
         return (
-            <t-centerer-layout id={_id} style={_style} className={_class}>
+            <t-centerer-layout id={_id} style={_style} class={_class}>
                 {children}
             </t-centerer-layout>
         )

sources/uis/displays/layouts/TGridLayout.js

@@ -49,7 +49,7 @@ class TGridLayout extends React.Component {
         const _class = ( className ) ? `tGridLayout ${className}` : 'tGridLayout'
 
         return (
-            <t-grid-layout ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-grid-layout>
+            <t-grid-layout ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-grid-layout>
         )
 
     }

sources/uis/displays/layouts/THorizontalLayout.js

@@ -52,7 +52,7 @@ class THorizontalLayout extends React.Component {
         const _class = ( className ) ? `tHorizontalLayout ${className}` : 'tHorizontalLayout'
 
         return (
-            <t-horizontal-layout id={_id} style={_style} className={_class}>
+            <t-horizontal-layout id={_id} style={_style} class={_class}>
                 {children}
             </t-horizontal-layout>
         )

sources/uis/displays/layouts/TJustifiedLayout.js

@@ -53,7 +53,7 @@ class TJustifiedLayout extends React.Component {
         const _class = ( className ) ? `tJustifiedLayout ${className}` : 'tJustifiedLayout'
 
         return (
-            <t-justified-layout id={_id} style={_style} className={_class}>
+            <t-justified-layout id={_id} style={_style} class={_class}>
                 {children}
             </t-justified-layout>
         )

sources/uis/displays/layouts/TLayout.js

@@ -51,7 +51,7 @@ class TLayout extends React.Component {
         const _class = ( className ) ? `tLayout ${className}` : 'tLayout'
 
         return (
-            <t-layout id={_id} style={_style} className={_class}>
+            <t-layout id={_id} style={_style} class={_class}>
                 {children}
             </t-layout>
         )

sources/uis/displays/layouts/TVerticalLayout.js

@@ -49,7 +49,7 @@ class TVerticalLayout extends React.Component {
         const _class = ( className ) ? `tVerticalLayout ${className}` : 'tVerticalLayout'
 
         return (
-            <t-vertical-layout ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-vertical-layout>
+            <t-vertical-layout ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-vertical-layout>
         )
 
     }

sources/uis/displays/medias/TAudio.js

@@ -49,7 +49,7 @@ class TAudio extends React.Component {
         const _class = ( className ) ? `tAudio ${className}` : 'tAudio'
 
         return (
-            <t-audio ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-audio>
+            <t-audio ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-audio>
         )
 
     }

sources/uis/displays/medias/TCarousel.js

@@ -49,7 +49,7 @@ class TCarousel extends React.Component {
         const _class = ( className ) ? `tCarousel ${className}` : 'tCarousel'
 
         return (
-            <t-carousel ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-carousel>
+            <t-carousel ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-carousel>
         )
 
     }

sources/uis/displays/medias/TImage.js

@@ -49,7 +49,7 @@ class TImage extends React.Component {
         const _class = ( className ) ? `tImage ${className}` : 'tImage'
 
         return (
-            <t-image ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-image>
+            <t-image ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-image>
         )
 
     }

sources/uis/displays/medias/TMap.js

@@ -49,7 +49,7 @@ class TMap extends React.Component {
         const _class = ( className ) ? `tMap ${className}` : 'tMap'
 
         return (
-            <t-map ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-map>
+            <t-map ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-map>
         )
 
     }

sources/uis/displays/medias/TParallax.js

@@ -49,7 +49,7 @@ class TParallax extends React.Component {
         const _class = ( className ) ? `tParallax ${className}` : 'tParallax'
 
         return (
-            <t-parallax ref={( container ) => {this._container = container}} id={_id} style={_style} className={_class}></t-parallax>
+            <t-parallax ref={( container ) => {this._container = container}} id={_id} style={_style} class={_class}></t-parallax>
         )
 
     }