diff --git a/.gitignore b/.gitignore index 479bbc5..d5b0c95 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,5 @@ node_modules +dist .DS_Store .DS_Store? .idea/ diff --git a/lib/MapMarker.js b/lib/MapMarker.js index 72223d3..63662bb 100644 --- a/lib/MapMarker.js +++ b/lib/MapMarker.js @@ -133,8 +133,6 @@ var MapMarker = function (_Component) { key: '_setupMarkerLayout', value: function _setupMarkerLayout(component) { this._markerElement = document.createElement('div'); - this._markerElement.className = 'icon-content'; - this._markerElement.style.display = 'inline-block'; _reactDom2.default.render(component, this._markerElement); this._controller.setLayout('iconLayout', this._markerElement); diff --git a/lib/MarkerLayout.js b/lib/MarkerLayout.js index f7b265f..86ab3dc 100644 --- a/lib/MarkerLayout.js +++ b/lib/MarkerLayout.js @@ -42,11 +42,7 @@ var MarkerLayout = function (_Component) { }, { key: 'render', value: function render() { - return _react2.default.createElement( - 'div', - null, - this.props.children - ); + return this.props.children; } }]); diff --git a/lib/controllers/layouts.js b/lib/controllers/layouts.js index 720e07c..427007b 100644 --- a/lib/controllers/layouts.js +++ b/lib/controllers/layouts.js @@ -33,13 +33,12 @@ function createLayout(_ref) { _ref$extendMethods = _ref.extendMethods, extendMethods = _ref$extendMethods === undefined ? {} : _ref$extendMethods; - var LayoutClass = _api2.default.getAPI().templateLayoutFactory.createClass('', Object.assign({ + var LayoutClass = _api2.default.getAPI().templateLayoutFactory.createClass(domElement.innerHTML, Object.assign({ build: function build() { LayoutClass.superclass.build.call(this); this.options = this.getData().options; - this._setupContent(domElement); this._updateSize(); detectImagesLoaded(this.getElement()).then(this._updateMarkerShape.bind(this)); @@ -54,17 +53,13 @@ function createLayout(_ref) { this.events.fire('shapechange'); }, - _setupContent: function _setupContent(domElement) { - var element = this.getElement(); - element.appendChild(domElement); - }, - _updateSize: function _updateSize() { this._size = this._getSize(); }, _getSize: function _getSize() { - var element = this.getElement().querySelector('.icon-content'); + var element = this.getElement().firstChild; + return [element.offsetWidth, element.offsetHeight]; } }, extendMethods)); diff --git a/package.json b/package.json index d2fab81..f48a9ba 100644 --- a/package.json +++ b/package.json @@ -7,6 +7,7 @@ "build:lib": "babel ./src -d lib", "build:umd": "webpack src/index.js dist/YandexMapReact.js --config webpack.config.dev.js", "watch": "babel --watch ./src -d lib", + "watch:umd": "webpack src/index.js dist/YandexMapReact.js --watch --config webpack.config.dev.js", "lint": "eslint src/", "test": "echo \"Error: no test specified\" && exit 1" }, diff --git a/src/MapMarker.jsx b/src/MapMarker.jsx index 3a2fef5..20e29c3 100644 --- a/src/MapMarker.jsx +++ b/src/MapMarker.jsx @@ -94,8 +94,6 @@ class MapMarker extends Component { _setupMarkerLayout (component) { this._markerElement = document.createElement('div'); - this._markerElement.className = 'icon-content'; - this._markerElement.style.display = 'inline-block'; ReactDOM.render(component, this._markerElement); this._controller.setLayout('iconLayout', this._markerElement); diff --git a/src/MarkerLayout.jsx b/src/MarkerLayout.jsx index 5614b02..d4a02fa 100644 --- a/src/MarkerLayout.jsx +++ b/src/MarkerLayout.jsx @@ -16,7 +16,7 @@ class MarkerLayout extends Component { } render () { - return