hart-estate-widget 0.0.3 → 0.0.4

package/build/Widget.js

@@ -9,7 +9,7 @@ require("core-js/modules/es.object.assign.js");
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactDom = _interopRequireDefault(require("react-dom"));
+var _mobxReactLite = require("mobx-react-lite");
 
 var _store = _interopRequireDefault(require("./store"));
 
@@ -21,26 +21,15 @@ require("./assets/sass/index.sass");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-class Widget {
-  constructor() {
-    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    const config = Object.assign(_defaultConfig.default, options);
-    const {
-      container
-    } = config;
-    const widgetContainer = document.getElementById(container);
-    if (!widgetContainer) throw new Error("\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043D\u0430\u0439\u0442\u0438 \u044D\u043B\u0435\u043C\u0435\u043D\u0442: #".concat(container));
-    config.containerElement = widgetContainer;
+const Widget = (0, _mobxReactLite.observer)(options => {
+  const config = Object.assign(_defaultConfig.default, options);
 
-    _store.default.setConfig(config);
-
-    _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_Application.default, {
-      width: config.width,
-      height: config.height
-    }), widgetContainer);
-  }
-
-}
+  _store.default.setConfig(config);
 
+  return /*#__PURE__*/_react.default.createElement(_Application.default, {
+    width: config.width,
+    height: config.height
+  });
+});
 var _default = Widget;
 exports.default = _default;

package/build/assets/sass/index.sass

@@ -5,12 +5,6 @@
   -webkit-box-sizing: border-box
   margin: 0
   padding: 0
-  -webkit-font-smoothing: antialiased
-  -moz-osx-font-smoothing: grayscale
-  outline: none
-  font-family: 'Lato', sans-serif
-  font-weight: 400
-  text-decoration: none
 
 html, body
   font-size: 20px
@@ -23,6 +17,15 @@ html, body
   overflow: hidden
   position: relative
   z-index: 1
+
+  *, *:before, *:after
+    font-family: 'Lato', sans-serif
+    -webkit-font-smoothing: antialiased
+    -moz-osx-font-smoothing: grayscale
+    outline: none
+    font-weight: 400
+    text-decoration: none
+
   .widget-close
     position: absolute
     display: flex

package/build/defaultConfig.js

@@ -10,7 +10,6 @@ var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const defaultConfig = {
-  container: 'widget-container',
   tabs: ['planImage', 'topView', 'topDownView', 'rotation', 'panorama', 'model'],
   tabPanes: true,
   width: null,

package/build/index.js

@@ -1,8 +1,6 @@
 "use strict";
 
-require("core-js/modules/web.dom-collections.iterator.js");
-
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
@@ -10,15 +8,4 @@ var _Widget = _interopRequireDefault(require("./Widget"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const App = () => {
-  (0, _react.useEffect)(() => new _Widget.default(), []);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    id: "widget-container"
-  });
-};
-
-_reactDom.default.render( /*#__PURE__*/_react.default.createElement(_react.default.StrictMode, null, /*#__PURE__*/_react.default.createElement(App, null)), document.getElementById('root'));
+_reactDom.default.render( /*#__PURE__*/_react.default.createElement(_Widget.default, null), document.getElementById('root'));

package/package.json

@@ -3,7 +3,7 @@
   "description": "HART Estate widget",
   "author": "HART",
   "keywords": ["react", "hart", "widget", "estate"],
-  "version": "0.0.3",
+  "version": "0.0.4",
   "private": false,
   "main": "build/index.js",
   "module": "build/index.js",