@@ -63,6 +63,8 @@ var Tooltip = function (_Component) {
63
63
64
64
// Props from wrapper props
65
65
name : _react . PropTypes . string ,
66
+ id : _react . PropTypes . string ,
67
+ className : _react . PropTypes . string ,
66
68
onHover : _react . PropTypes . func ,
67
69
onLeave : _react . PropTypes . func
68
70
} ;
@@ -130,6 +132,8 @@ var Tooltip = function (_Component) {
130
132
key : 'render' ,
131
133
value : function render ( ) {
132
134
var _props = this . props ,
135
+ id = _props . id ,
136
+ className = _props . className ,
133
137
show = _props . show ,
134
138
onHover = _props . onHover ,
135
139
onLeave = _props . onLeave ;
@@ -157,21 +161,38 @@ var Tooltip = function (_Component) {
157
161
{
158
162
ref : 'tooltip' ,
159
163
style : style . base ,
164
+ id : id ,
165
+ className : className ,
160
166
onMouseEnter : onHover ,
161
167
onMouseLeave : onLeave
162
168
} ,
163
169
_react2 . default . createElement (
164
170
'div' ,
165
- { ref : 'content' , style : style . content } ,
171
+ {
172
+ ref : 'content' ,
173
+ style : style . content ,
174
+ id : id + '-content' ,
175
+ className : className + '-content'
176
+ } ,
166
177
content
167
178
) ,
168
179
_react2 . default . createElement (
169
180
'div' ,
170
- { style : style . arrow , key : 'a-' + place } ,
181
+ {
182
+ style : style . arrow ,
183
+ id : id + '-arrow' ,
184
+ className : className + '-arrow' ,
185
+ key : 'a-' + place
186
+ } ,
171
187
_react2 . default . createElement ( 'span' , { ref : 'border' , style : style . border , key : 'b-' + place } )
172
188
)
173
189
) ,
174
- _react2 . default . createElement ( 'div' , { ref : 'shadow' , style : style . shadow } )
190
+ _react2 . default . createElement ( 'div' , {
191
+ ref : 'shadow' ,
192
+ style : style . shadow ,
193
+ id : id + '-shadow' ,
194
+ className : className + '-shadow'
195
+ } )
175
196
) ;
176
197
}
177
198
} ] ) ;
0 commit comments