Skip to content

Commit b2a7631

Browse files
committed
Update APIs
1 parent 6eb033f commit b2a7631

File tree

3 files changed

+14
-37
lines changed

3 files changed

+14
-37
lines changed

README.md

Lines changed: 0 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -169,29 +169,6 @@ and here is the corresponding css, note the global selector:
169169
}
170170
```
171171

172-
### Additional API
173-
174-
ReactCSSOM also exposes 2 simple API to mount and unmount styles in the DOM, here they are:
175-
176-
```js
177-
import ReactCSSOM from 'react-cssom';
178-
179-
// add styles to the DOM
180-
const style = ReactCSSOM.mount(`
181-
.⚛App {
182-
background-color: #000000;
183-
}
184-
185-
.⚛App > .⚛Page {
186-
background-color: #C0C0C0;
187-
}
188-
`);
189-
190-
191-
// remove styles
192-
ReactCSSOM.unmount(style);
193-
```
194-
195172
## Change Log
196173

197174
This project adheres to [Semantic Versioning](http://semver.org/).

src/index.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import React from 'react';
22
import inject from './injector';
33

4+
React.Component = inject(React.Component)();
5+
React.PureComponent = inject(React.PureComponent)();
6+
47
export default {
5-
initInjector: () => {
6-
React.Component = inject(React.Component)();
7-
},
88
inject,
99
};

test/injector.js

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
import expect from 'expect';
22
import React from 'react';
3-
import ReactCSSOM from '../src/index';
3+
import inject from '../src/injector';
44
import ReactTestUtils from 'react-addons-test-utils';
55

66
describe('injector', () => {
77
describe('functional stateless components', () => {
88
it('should inject in functional stateless component', () => {
99
/* eslint-disable */
10-
const Foo = ReactCSSOM.inject((props) => (
10+
const Foo = inject((props) => (
1111
<div>
1212
<span>{props.foo}</span>
1313
</div>
@@ -34,7 +34,7 @@ describe('injector', () => {
3434
}
3535
}
3636

37-
const Bar = ReactCSSOM.inject(Foo)();
37+
const Bar = inject(Foo)();
3838
const renderer = ReactTestUtils.createRenderer();
3939
expect(() => renderer.render(<Bar />)).toNotThrow();
4040
});
@@ -51,7 +51,7 @@ describe('injector', () => {
5151
}
5252
}
5353

54-
const Bar = ReactCSSOM.inject(Foo)();
54+
const Bar = inject(Foo)();
5555
const renderer = ReactTestUtils.createRenderer();
5656
renderer.render(<Bar style="bar" />);
5757
const result = renderer.getRenderOutput();
@@ -72,7 +72,7 @@ describe('injector', () => {
7272
}
7373
}
7474

75-
const Bar = ReactCSSOM.inject(Foo)();
75+
const Bar = inject(Foo)();
7676
const renderer = ReactTestUtils.createRenderer();
7777
renderer.render(<Bar />);
7878
const result = renderer.getRenderOutput();
@@ -93,7 +93,7 @@ describe('injector', () => {
9393
}
9494
}
9595

96-
const Bar = ReactCSSOM.inject(Foo)('Baz');
96+
const Bar = inject(Foo)('Baz');
9797
const renderer = ReactTestUtils.createRenderer();
9898
renderer.render(<Bar />);
9999
const result = renderer.getRenderOutput();
@@ -114,7 +114,7 @@ describe('injector', () => {
114114
}
115115
}
116116

117-
const Bar = ReactCSSOM.inject(Foo)();
117+
const Bar = inject(Foo)();
118118
const renderer = ReactTestUtils.createRenderer();
119119
renderer.render(<Bar style="bar" />);
120120
const result = renderer.getRenderOutput();
@@ -140,7 +140,7 @@ describe('injector', () => {
140140
}
141141
}
142142

143-
const Baz = ReactCSSOM.inject(Foo)();
143+
const Baz = inject(Foo)();
144144
const renderer = ReactTestUtils.createRenderer();
145145
renderer.render(<Baz />);
146146
const result = renderer.getRenderOutput();
@@ -158,7 +158,7 @@ describe('injector', () => {
158158
}
159159
}
160160

161-
const Bar = ReactCSSOM.inject(Foo)();
161+
const Bar = inject(Foo)();
162162
const renderer = ReactTestUtils.createRenderer();
163163
renderer.render(<Bar className="bar" />);
164164
const result = renderer.getRenderOutput();
@@ -222,7 +222,7 @@ describe('injector', () => {
222222
}
223223
}
224224

225-
const Baz = ReactCSSOM.inject(Foo)();
225+
const Baz = inject(Foo)();
226226
const renderer = ReactTestUtils.createRenderer();
227227
renderer.render(<Baz style="foo" className="bar" />);
228228
const result = renderer.getRenderOutput();
@@ -239,7 +239,7 @@ describe('injector', () => {
239239
});
240240

241241
it('should inject in all components', () => {
242-
ReactCSSOM.initInjector();
242+
React.Component = inject(React.Component)();
243243
//eslint-disable-next-line
244244
class Foo extends React.Component {
245245
render() {

0 commit comments

Comments
 (0)