Skip to content

Commit 35cad52

Browse files
lenatenlenaten
committed
stop using AutoPrefix
1 parent fb77d5e commit 35cad52

File tree

13 files changed

+47
-48
lines changed

13 files changed

+47
-48
lines changed

‎package.json‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,6 @@
3030
},
3131
"homepage": "http://material-ui.com/",
3232
"dependencies": {
33-
"inline-style-prefixer": "^0.5.2",
3433
"lodash.throttle": "~3.0.4",
3534
"lodash.debounce": "~3.1.1",
3635
"warning": "^2.1.0"

‎src/before-after-wrapper.jsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import React from '../../react-native';
22
import StylePropable from './mixins/style-propable';
3-
import AutoPrefix from './styles/auto-prefix';
3+
/*import AutoPrefix from './styles/auto-prefix';*/
44
import DefaultRawTheme from './styles/raw-themes/light-raw-theme';
55
import ThemeManager from './styles/theme-manager';
66

@@ -99,8 +99,8 @@ const BeforeAfterWrapper = React.createClass({
9999

100100
let beforeElement, afterElement;
101101

102-
beforeStyle = AutoPrefix.all({/*boxSizing:: 'border-box'*/});
103-
afterStyle = AutoPrefix.all({/*boxSizing:: 'border-box'*/});
102+
/* beforeStyle = AutoPrefix.all({boxSizing:: 'border-box'});*/
103+
/* afterStyle = AutoPrefix.all({boxSizing:: 'border-box'});*/
104104

105105
if (this.props.beforeStyle) beforeElement =
106106
React.createElement(this.props.beforeElementType,

‎src/left-nav.jsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import React from '../../react-native';
88
/*import ReactDOM from 'react-dom';*/
99
import KeyCode from './utils/key-code';
1010
import StylePropable from './mixins/style-propable';
11-
import AutoPrefix from './styles/auto-prefix';
11+
/*import AutoPrefix from './styles/auto-prefix';*/
1212
import Transitions from './styles/transitions';
1313
import WindowListenable from './mixins/window-listenable';
1414
import Overlay from './overlay';
@@ -372,7 +372,7 @@ const LeftNav = React.createClass({
372372
/* let leftNav = ReactDOM.findDOMNode(this.refs.clickAwayableElement);*/
373373
let transformCSS = 'translate3d(' + (this._getTranslateMultiplier() * translateX) + 'px, 0, 0)';
374374
this.refs.overlay.setOpacity(1 - translateX / this._getMaxTranslateX());
375-
AutoPrefix.set(leftNav.style, 'transform', transformCSS);
375+
/* AutoPrefix.set(leftNav.style, 'transform', transformCSS);*/
376376
},
377377

378378
_getTranslateX(currentX) {

‎src/menus/menu.jsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import React from '../../../react-native';
44
import Controllable from '../mixins/controllable';
55
import StylePropable from '../mixins/style-propable';
66
import ClickAwayable from '../mixins/click-awayable';
7-
import AutoPrefix from '../styles/auto-prefix';
7+
/*import AutoPrefix from '../styles/auto-prefix';*/
88
import Transitions from '../styles/transitions';
99
import KeyCode from '../utils/key-code';
1010
import PropTypes from '../utils/prop-types';
@@ -102,7 +102,7 @@ const Menu = React.createClass({
102102
rootStyle.transition = Transitions.easeOut('250ms', ['opacity', 'transform']);
103103
rootStyle.transform = 'translate3d(0,-8px,0)';
104104
rootStyle.opacity = 0;
105-
rootStyle = AutoPrefix.all(rootStyle);
105+
/* rootStyle = AutoPrefix.all(rootStyle);*/
106106
setTimeout(() => {
107107
if (this.isMounted()) callback();
108108
}, 250);
@@ -265,8 +265,8 @@ const Menu = React.createClass({
265265
/* let scrollContainerStyle = ReactDOM.findDOMNode(this.refs.scrollContainer).style;*/
266266
/* let menuContainers = ReactDOM.findDOMNode(this.refs.list).childNodes;*/
267267

268-
AutoPrefix.set(rootStyle, 'transform', 'scaleX(1)');
269-
AutoPrefix.set(scrollContainerStyle, 'transform', 'scaleY(1)');
268+
/* AutoPrefix.set(rootStyle, 'transform', 'scaleX(1)');*/
269+
/* AutoPrefix.set(scrollContainerStyle, 'transform', 'scaleY(1)');*/
270270
scrollContainerStyle.opacity = 1;
271271

272272
for (let i = 0; i < menuContainers.length; ++i) {

‎src/mixins/style-propable.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ export default {
2626
},
2727

2828
// prepareStyles is used to merge multiple styles, make sure they are flipped to rtl
29-
// if needed, and then autoprefix them. It should probably always be used instead of
29+
/* // if needed, and then autoprefix them. It should probably always be used instead of*/
3030
// mergeAndPrefix.
3131
//
3232
// Never call this on the same style object twice. As a rule of thumb,

‎src/popover/popover.jsx‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import PropTypes from '../utils/prop-types';
88
import Transitions from '../styles/transitions';
99
import Paper from '../paper';
1010
import throttle from 'lodash.throttle';
11-
import AutoPrefix from '../styles/auto-prefix';
11+
/*import AutoPrefix from '../styles/auto-prefix';*/
1212
import ContextPure from '../mixins/context-pure';
1313

1414
const {
@@ -217,13 +217,13 @@ const Popover = React.createClass({
217217
});
218218
}
219219

220-
AutoPrefix.set(el.style, 'transform', `scale(${value},${value})`);
221-
AutoPrefix.set(innerInner.style, 'transform', `scaleX(${value})`);
222-
AutoPrefix.set(innerInnerInner.style, 'transform', `scaleY(${value})`);
223-
AutoPrefix.set(rootStyle, 'opacity', value);
224-
AutoPrefix.set(innerStyle, 'opacity', value);
225-
AutoPrefix.set(innerInnerInner, 'opacity', value);
226-
AutoPrefix.set(el.style, 'opacity', value);
220+
/* AutoPrefix.set(el.style, 'transform', `scale(${value},${value})`);*/
221+
/* AutoPrefix.set(innerInner.style, 'transform', `scaleX(${value})`);*/
222+
/* AutoPrefix.set(innerInnerInner.style, 'transform', `scaleY(${value})`);*/
223+
/* AutoPrefix.set(rootStyle, 'opacity', value);*/
224+
/* AutoPrefix.set(innerStyle, 'opacity', value);*/
225+
/* AutoPrefix.set(innerInnerInner, 'opacity', value);*/
226+
/* AutoPrefix.set(el.style, 'opacity', value);*/
227227
},
228228

229229
getAnchorPosition(el) {

‎src/refresh-indicator.jsx‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import React from '../../react-native';
22
/*import ReactDOM from 'react-dom';*/
33
import StylePropable from './mixins/style-propable';
4-
import AutoPrefix from './styles/auto-prefix';
4+
/*import AutoPrefix from './styles/auto-prefix';*/
55
import Transitions from './styles/transitions';
66
import Paper from './paper';
77
import DefaultRawTheme from './styles/raw-themes/light-raw-theme';
@@ -218,9 +218,9 @@ const RefreshIndicator = React.createClass({
218218
transitionDuration = '850ms';
219219
}
220220

221-
AutoPrefix.set(path.style, 'strokeDasharray', strokeDasharray);
222-
AutoPrefix.set(path.style, 'strokeDashoffset', strokeDashoffset);
223-
AutoPrefix.set(path.style, 'transitionDuration', transitionDuration);
221+
/* AutoPrefix.set(path.style, 'strokeDasharray', strokeDasharray);*/
222+
/* AutoPrefix.set(path.style, 'strokeDashoffset', strokeDashoffset);*/
223+
/* AutoPrefix.set(path.style, 'transitionDuration', transitionDuration);*/
224224
},
225225

226226
_rotateWrapper(wrapper) {
@@ -229,21 +229,21 @@ const RefreshIndicator = React.createClass({
229229
clearTimeout(this._timer2);
230230
this._timer2 = setTimeout(this._rotateWrapper.bind(this, wrapper), 10050);
231231

232-
AutoPrefix.set(wrapper.style, 'transform', null);
233-
AutoPrefix.set(wrapper.style, 'transform', 'rotate(0deg)');
234-
AutoPrefix.set(wrapper.style, 'transitionDuration', '0ms');
232+
/* AutoPrefix.set(wrapper.style, 'transform', null);*/
233+
/* AutoPrefix.set(wrapper.style, 'transform', 'rotate(0deg)');*/
234+
/* AutoPrefix.set(wrapper.style, 'transitionDuration', '0ms');*/
235235

236236
setTimeout(() => {
237237
if (this.isMounted()) {
238-
AutoPrefix.set(wrapper.style, 'transform', 'rotate(1800deg)');
239-
AutoPrefix.set(wrapper.style, 'transitionDuration', '10s');
240-
AutoPrefix.set(wrapper.style, 'transitionTimingFunction', 'linear');
238+
/* AutoPrefix.set(wrapper.style, 'transform', 'rotate(1800deg)');*/
239+
/* AutoPrefix.set(wrapper.style, 'transitionDuration', '10s');*/
240+
/* AutoPrefix.set(wrapper.style, 'transitionTimingFunction', 'linear');*/
241241
}
242242
}, 50);
243243
},
244244

245245
prefixed(key) {
246-
return AutoPrefix.single(key);
246+
/* return AutoPrefix.single(key);*/
247247
},
248248

249249
});

‎src/ripples/circle-ripple.jsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import React from '../../../react-native';
22
/*import ReactDOM from 'react-dom';*/
33
/*import PureRenderMixin from 'react-addons-pure-render-mixin';*/
44
import StylePropable from '../mixins/style-propable';
5-
import AutoPrefix from '../styles/auto-prefix';
5+
/*import AutoPrefix from '../styles/auto-prefix';*/
66
import Transitions from '../styles/transitions';
77
import Colors from '../styles/colors';
88

@@ -80,14 +80,14 @@ const CircleRipple = React.createClass({
8080
Transitions.easeOut('2s', 'opacity') + ',' +
8181
Transitions.easeOut('1s', 'transform')
8282
);
83-
AutoPrefix.set(style, 'transition', transitionValue);
84-
AutoPrefix.set(style, 'transform', 'scale(1)');
83+
/* AutoPrefix.set(style, 'transition', transitionValue);*/
84+
/* AutoPrefix.set(style, 'transform', 'scale(1)');*/
8585
},
8686

8787
_initializeAnimation(callback) {
8888
/* let style = ReactDOM.findDOMNode(this).style;*/
8989
style.opacity = this.props.opacity;
90-
AutoPrefix.set(style, 'transform', 'scale(0)');
90+
/* AutoPrefix.set(style, 'transform', 'scale(0)');*/
9191
setTimeout(() => {
9292
if (this.isMounted()) callback();
9393
}, 0);

‎src/ripples/focus-ripple.jsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import React from '../../../react-native';
22
/*import ReactDOM from 'react-dom';*/
33
/*import PureRenderMixin from 'react-addons-pure-render-mixin';*/
44
import StylePropable from '../mixins/style-propable';
5-
import AutoPrefix from '../styles/auto-prefix';
5+
/*import AutoPrefix from '../styles/auto-prefix';*/
66
import Colors from '../styles/colors';
77
import Transitions from '../styles/transitions';
88
import ScaleInTransitionGroup from '../transition-groups/scale-in';
@@ -108,7 +108,7 @@ const FocusRipple = React.createClass({
108108
nextScale = currentScale === startScale ?
109109
endScale : startScale;
110110

111-
AutoPrefix.set(innerCircle.style, 'transform', nextScale);
111+
/* AutoPrefix.set(innerCircle.style, 'transform', nextScale);*/
112112
this._timeout = setTimeout(this._pulsate, pulsateDuration);
113113
},
114114

‎src/styles/index.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
export default {
2-
AutoPrefix: require('./auto-prefix'),
2+
/* AutoPrefix: require('./auto-prefix'),*/
33
Colors: require('./colors'),
44
Spacing: require('./spacing'),
55
ThemeManager: require('./theme-manager'),

0 commit comments

Comments
 (0)