diff --git a/src/app.jsx b/src/app.jsx index 7648b61b..446b9707 100644 --- a/src/app.jsx +++ b/src/app.jsx @@ -1,7 +1,11 @@ import React from 'react' import {saveAs} from 'file-saver' -import { Drawer, Container, Block, Fixed } from 'rebass' +import Drawer from 'rebass/dist/Drawer' +import Container from 'rebass/dist/Container' +import Block from 'rebass/dist/Block' +import Fixed from 'rebass/dist/Fixed' + import { Map } from './map.jsx' import {Toolbar} from './toolbar.jsx' import { StyleManager } from './style.js' diff --git a/src/fields/color.jsx b/src/fields/color.jsx index 2757e231..735112d4 100644 --- a/src/fields/color.jsx +++ b/src/fields/color.jsx @@ -1,5 +1,4 @@ import React from 'react' -import { Label, Input } from 'rebass' import inputStyle from './input.js' /*** Number fields with support for min, max and units and documentation*/ diff --git a/src/fields/enum.jsx b/src/fields/enum.jsx index 10672d24..46db1d85 100644 --- a/src/fields/enum.jsx +++ b/src/fields/enum.jsx @@ -1,5 +1,4 @@ import React from 'react' -import { Select, Input } from 'rebass' import inputStyle from './input.js' class EnumField extends React.Component { diff --git a/src/fields/number.jsx b/src/fields/number.jsx index 906f3263..77f2a4a4 100644 --- a/src/fields/number.jsx +++ b/src/fields/number.jsx @@ -1,5 +1,4 @@ import React from 'react' -import { Label, Input } from 'rebass' import inputStyle from './input.js' /*** Number fields with support for min, max and units and documentation*/ diff --git a/src/fields/string.jsx b/src/fields/string.jsx index 45a3f9de..09ccea4f 100644 --- a/src/fields/string.jsx +++ b/src/fields/string.jsx @@ -1,5 +1,4 @@ import React from 'react' -import { Label, Input } from 'rebass' import inputStyle from './input.js' /*** Number fields with support for min, max and units and documentation*/ diff --git a/src/layers/background.jsx b/src/layers/background.jsx index 1a161929..07eeeaac 100644 --- a/src/layers/background.jsx +++ b/src/layers/background.jsx @@ -1,6 +1,6 @@ import React from 'react' import Immutable from 'immutable' -import { Input } from 'rebass' +import Input from 'rebass/dist/Input' import { PropertyGroup } from '../fields/spec' import PureRenderMixin from 'react-addons-pure-render-mixin'; diff --git a/src/layers/editor.jsx b/src/layers/editor.jsx index d39854cb..95612122 100644 --- a/src/layers/editor.jsx +++ b/src/layers/editor.jsx @@ -1,12 +1,15 @@ import React from 'react' import Immutable from 'immutable' -import { Toolbar, NavItem, Space} from 'rebass' -import Collapse from 'react-collapse' +import Toolbar from 'rebass/dist/Toolbar' +import NavItem from 'rebass/dist/NavItem' +import Space from 'rebass/dist/Space' + +import Collapse from 'react-collapse' import theme from '../theme.js' import FillLayer from './fill.jsx' import LineLayer from './line.jsx' -import SymbolLayer from './line.jsx' +import SymbolLayer from './symbol.jsx' import BackgroundLayer from './background.jsx' import MdVisibility from 'react-icons/lib/md/visibility' diff --git a/src/layers/line.jsx b/src/layers/line.jsx index 40607ef2..61b988b8 100644 --- a/src/layers/line.jsx +++ b/src/layers/line.jsx @@ -1,6 +1,7 @@ import React from 'react' import Immutable from 'immutable' import { PropertyGroup } from '../fields/spec' +import PureRenderMixin from 'react-addons-pure-render-mixin'; export default class LineLayer extends React.Component { static propTypes = { @@ -9,6 +10,11 @@ export default class LineLayer extends React.Component { onLayoutChanged: React.PropTypes.func.isRequired, } + constructor(props) { + super(props); + this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this); + } + render() { return