@@ -19,18 +19,17 @@ import TouchableOpacity, {TouchableOpacityProps} from '../touchableOpacity';
19
19
import Text , { TextPropTypes } from '../text' ;
20
20
import Image from '../image' ;
21
21
22
-
23
22
export enum ButtonSize {
24
23
xSmall = 'xSmall' ,
25
24
small = 'small' ,
26
25
medium = 'medium' ,
27
- large = 'large' ,
26
+ large = 'large'
28
27
}
29
28
30
29
export enum AnimationDirection {
31
30
center = 'center' ,
32
31
left = 'left' ,
33
- right = 'right' ,
32
+ right = 'right'
34
33
}
35
34
36
35
export type ButtonPropTypes = TouchableOpacityProps &
@@ -59,8 +58,8 @@ export type ButtonPropTypes = TouchableOpacityProps &
59
58
*/
60
59
iconOnRight ?: boolean ;
61
60
/**
62
- * whether the icon should flip horizontally on RTL locals
63
- */
61
+ * whether the icon should flip horizontally on RTL locals
62
+ */
64
63
supportRTL ?: boolean ;
65
64
/**
66
65
* Color of the button background
@@ -322,34 +321,34 @@ class Button extends PureComponent<Props, ButtonState> {
322
321
CONTAINER_STYLE_BY_SIZE [ Button . sizes . xSmall ] = round
323
322
? { height : this . state . size , width : this . state . size , padding : PADDINGS . XSMALL }
324
323
: {
325
- paddingVertical : PADDINGS . XSMALL ,
326
- paddingHorizontal : HORIZONTAL_PADDINGS . XSMALL ,
327
- minWidth : MIN_WIDTH . XSMALL
328
- } ;
324
+ paddingVertical : PADDINGS . XSMALL ,
325
+ paddingHorizontal : HORIZONTAL_PADDINGS . XSMALL ,
326
+ minWidth : MIN_WIDTH . XSMALL
327
+ } ;
329
328
CONTAINER_STYLE_BY_SIZE [ Button . sizes . small ] = round
330
329
? { height : this . state . size , width : this . state . size , padding : PADDINGS . SMALL }
331
330
: {
332
- paddingVertical : PADDINGS . SMALL ,
333
- paddingHorizontal : HORIZONTAL_PADDINGS . SMALL ,
334
- minWidth : MIN_WIDTH . SMALL
335
- } ;
331
+ paddingVertical : PADDINGS . SMALL ,
332
+ paddingHorizontal : HORIZONTAL_PADDINGS . SMALL ,
333
+ minWidth : MIN_WIDTH . SMALL
334
+ } ;
336
335
CONTAINER_STYLE_BY_SIZE [ Button . sizes . medium ] = round
337
336
? { height : this . state . size , width : this . state . size , padding : PADDINGS . MEDIUM }
338
337
: {
339
- paddingVertical : PADDINGS . MEDIUM ,
340
- paddingHorizontal : HORIZONTAL_PADDINGS . MEDIUM ,
341
- minWidth : MIN_WIDTH . MEDIUM
342
- } ;
338
+ paddingVertical : PADDINGS . MEDIUM ,
339
+ paddingHorizontal : HORIZONTAL_PADDINGS . MEDIUM ,
340
+ minWidth : MIN_WIDTH . MEDIUM
341
+ } ;
343
342
CONTAINER_STYLE_BY_SIZE [ Button . sizes . large ] = round
344
343
? { height : this . state . size , width : this . state . size , padding : PADDINGS . LARGE }
345
344
: {
346
- paddingVertical : PADDINGS . LARGE ,
347
- paddingHorizontal : HORIZONTAL_PADDINGS . LARGE ,
348
- minWidth : MIN_WIDTH . LARGE
349
- } ;
345
+ paddingVertical : PADDINGS . LARGE ,
346
+ paddingHorizontal : HORIZONTAL_PADDINGS . LARGE ,
347
+ minWidth : MIN_WIDTH . LARGE
348
+ } ;
350
349
351
350
if ( outline ) {
352
- _ . forEach ( CONTAINER_STYLE_BY_SIZE , ( style ) => {
351
+ _ . forEach ( CONTAINER_STYLE_BY_SIZE , style => {
353
352
if ( round ) {
354
353
style . padding -= outlineWidth ; // eslint-disable-line
355
354
} else {
@@ -464,7 +463,7 @@ class Button extends PureComponent<Props, ButtonState> {
464
463
if ( typeof iconSource === 'function' ) {
465
464
return iconSource ( iconStyle ) ;
466
465
} else {
467
- return < Image source = { iconSource } supportRTL = { supportRTL } style = { iconStyle } /> ;
466
+ return < Image source = { iconSource } supportRTL = { supportRTL } style = { iconStyle } /> ;
468
467
}
469
468
}
470
469
return null ;
0 commit comments