hart-estate-widget 0.0.16 → 0.0.19

package/build/components/Application.js

@@ -44,9 +44,17 @@ const Application = (0, _mobxReactLite.observer)(_ref => {
   const [currentTab, setCurrentTab] = (0, _react.useState)(config.tabs[0]);
   const [isTabPanesVisible, setTabPanesState] = (0, _react.useState)(true);
 
-  const showTabPanes = () => setTabPanesState(true);
+  const showTabPanes = () => {
+    setTabPanesState(true);
 
-  const hideTabPanes = () => setTabPanesState(false);
+    _store.default.dispatchEvent('exitComponent');
+  };
+
+  const hideTabPanes = () => {
+    setTabPanesState(false);
+
+    _store.default.dispatchEvent('enterComponent');
+  };
 
   const tabsList = {
     'planImage': /*#__PURE__*/_react.default.createElement(_ImageTab.default, {

package/build/components/ModelTab.js

@@ -33,6 +33,9 @@ const ModelTab = (0, _mobxReactLite.observer)(_ref => {
   } = _modelStore.default;
   (0, _react.useEffect)(() => {
     const container = document.querySelector('.widget-tab__model-scene');
+
+    _modelStore.default.setRendererSize(container.offsetWidth, container.offsetHeight);
+
     container.appendChild(_modelStore.default.renderer.domElement);
 
     _modelStore.default.setCurrentControlsType('orbit');

package/build/components/Widget.js

@@ -11,6 +11,8 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 
 var _store = _interopRequireDefault(require("../store"));
 
+var _modelStore = _interopRequireDefault(require("../store/modelStore"));
+
 var _Application = _interopRequireDefault(require("./Application"));
 
 var _defaultConfig = _interopRequireDefault(require("../config/defaultConfig"));
@@ -27,6 +29,8 @@ class Widget {
   constructor(container) {
     let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
+    _defineProperty(this, "requiredParams", ['tabs', 'tabPanes', 'width', 'height', 'env']);
+
     const config = _objectSpread(_objectSpread({}, _defaultConfig.default), options);
 
     const widgetContainer = document.querySelector(container);
@@ -46,7 +50,20 @@ class Widget {
   }
 
   updateOptions(config) {
-    _store.default.setConfig(_objectSpread(_objectSpread({}, this.options), config));
+    const newConfig = _objectSpread({}, config);
+
+    this.requiredParams.forEach(param => {
+      if (config[param]) return;
+      newConfig[param] = this.options[param];
+    });
+
+    _modelStore.default.removeHouse();
+
+    _store.default.setConfig(newConfig);
+  }
+
+  on(event, callback) {
+    _store.default.addEventListener(event, callback);
   }
 
 }

package/build/store/houseStore.js

@@ -95,6 +95,7 @@ class HouseStore {
 
     (0, _mobx.makeAutoObservable)(this);
     this.modelStore = modelStore;
+    this.houseGroup.name = 'House-Group';
     this.globalPlane = new THREE.Plane(new THREE.Vector3(0, -this.wallsHeight - 0.5, 0), 1);
     this.clippingPlanes = [this.globalPlane];
     this.setCenterPosition().loadTextures().then(() => {

package/build/store/index.js

@@ -21,6 +21,11 @@ class Store {
   constructor() {
     _defineProperty(this, "config", null);
 
+    _defineProperty(this, "listeners", {
+      'enterComponent': [],
+      'exitComponent': []
+    });
+
     (0, _mobx.makeAutoObservable)(this);
   }
 
@@ -28,6 +33,16 @@ class Store {
     this.config = config;
   }
 
+  addEventListener(event, callback) {
+    if (!this.listeners[event]) return;
+    this.listeners[event].push(callback);
+  }
+
+  dispatchEvent(event) {
+    let value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    this.listeners[event].forEach(callback => callback(value));
+  }
+
 }
 
 var _default = new Store();

package/build/store/modelStore.js

@@ -15,7 +15,7 @@ var THREE = _interopRequireWildcard(require("three"));
 
 var _cameraControls = _interopRequireDefault(require("camera-controls"));
 
-var _houseStore = _interopRequireDefault(require("./houseStore"));
+var _houseStore = _interopRequireDefault(require("../store/houseStore"));
 
 var _grass = _interopRequireDefault(require("../assets/img/grass.png"));
 
@@ -70,6 +70,12 @@ class ModelStore {
       this.scene.add(this.houseStore.houseGroup);
     });
 
+    _defineProperty(this, "removeHouse", () => {
+      const selectedObject = this.scene.getObjectByName('House-Group');
+      this.scene.remove(selectedObject);
+      this.initialized = false;
+    });
+
     _defineProperty(this, "setJoystickState", value => {
       this.isJoystickActive = value;
     });
@@ -107,11 +113,15 @@ class ModelStore {
     _defineProperty(this, "createRenderer", () => {
       this.renderer = new THREE.WebGLRenderer();
       this.renderer.setPixelRatio(window.devicePixelRatio);
-      this.renderer.setSize(window.innerWidth, window.innerHeight);
+      this.setRendererSize(window.innerWidth, window.innerHeight);
       this.renderer.localClippingEnabled = true;
       return this;
     });
 
+    _defineProperty(this, "setRendererSize", (width, height) => {
+      this.renderer.setSize(width, height);
+    });
+
     _defineProperty(this, "createCamera", () => {
       this.camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
       this.camera.position.set(0, 0, 0);

package/package.json

@@ -3,7 +3,7 @@
   "description": "HART Estate widget",
   "author": "HART",
   "keywords": [],
-  "version": "0.0.16",
+  "version": "0.0.19",
   "private": false,
   "main": "build/index.js",
   "module": "build/index.js",