kitchen-simulator 4.0.10-react-18 → 4.1.0-react-18

package/es/LiteKitchenConfigurator.js

@@ -313,20 +313,23 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
         state = _this$props.state,
         projectActions = _this$props.projectActions,
         catalog = _this$props.catalog,
-        externalEvent = _this$props.externalEvent,
-        onInternalEvent = _this$props.onInternalEvent;
-
-      // handle external events
-      var prevId = prevProps.externalEvent && prevProps.externalEvent.id;
-      var nextId = externalEvent && externalEvent.id;
-      if (nextId != null && prevId !== nextId) {
-        handleExternalEvent(this.props);
-      }
+        externalEvent = _this$props.externalEvent;
       var plannerState = stateExtractor(state);
       var catalogReady = plannerState.getIn(['catalog', 'ready']);
       if (!catalogReady) {
         projectActions.initCatalog(catalog);
       }
+      if (prevProps.externalEvent !== externalEvent && externalEvent) {
+        var _externalEvent$id, _externalEvent$payloa, _externalEvent$payloa2;
+        var key = (_externalEvent$id = externalEvent.id) !== null && _externalEvent$id !== void 0 ? _externalEvent$id : JSON.stringify({
+          type: externalEvent.type,
+          payload: (_externalEvent$payloa = (_externalEvent$payloa2 = externalEvent.payload) === null || _externalEvent$payloa2 === void 0 ? void 0 : _externalEvent$payloa2.mode) !== null && _externalEvent$payloa !== void 0 ? _externalEvent$payloa : externalEvent.payload
+        });
+        if (key !== this.lastHandledExternalEventKey) {
+          this.lastHandledExternalEventKey = key;
+          handleExternalEvent(this.props);
+        }
+      }
     }
   }, {
     key: "isProjectEmpty",
@@ -400,7 +403,8 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
         style: _objectSpread(_objectSpread({}, wrapperStyle), {}, {
           height: height,
           display: 'flex',
-          justifyContent: 'center'
+          justifyContent: 'center',
+          position: 'relative'
         })
       }, /*#__PURE__*/React.createElement(Content, _extends({
         width: contentW,

package/es/catalog/factories/area-factory-3d.js

@@ -1,9 +1,9 @@
-import * as Three from 'three';
-import { Box3, Mesh, MeshBasicMaterial, MeshPhysicalMaterial, RepeatWrapping, Shape, TextureLoader, Vector2 } from 'three';
+import * as Three from "three";
+import { Box3, Mesh, MeshBasicMaterial, MeshPhysicalMaterial, RepeatWrapping, Shape, TextureLoader, Vector2 } from "three";
 import * as SharedStyle from "../../shared-style";
-import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader';
+import { RGBELoader } from "three/examples/jsm/loaders/RGBELoader";
 var params = {
-  envMap: 'HDR',
+  envMap: "HDR",
   roughness: 0.9,
   metalness: 0.8,
   exposure: 1.0
@@ -58,7 +58,7 @@ var assignUVs = function assignUVs(geometry) {
     var y3 = position.getY(i + 2);
     uvArray.push((x1 + offset.x) / range.x, (y1 + offset.y) / range.y, (x2 + offset.x) / range.x, (y2 + offset.y) / range.y, (x3 + offset.x) / range.x, (y3 + offset.y) / range.y);
   }
-  geometry.setAttribute('uv', new Three.BufferAttribute(new Float32Array(uvArray), 2));
+  geometry.setAttribute("uv", new Three.BufferAttribute(new Float32Array(uvArray), 2));
   geometry.needsUpdate = true;
 };
 export function createArea(element, layer, scene, textures) {
@@ -69,15 +69,15 @@ export function createArea(element, layer, scene, textures) {
   var texture = element.texture;
   texture.lengthRepeatScale = 0.01;
   texture.heightRepeatScale = 0.01;
-  var color = element.properties.get('patternColor');
+  var color = element.properties.get("patternColor");
   if (element.selected) {
     color = SharedStyle.AREA_MESH_COLOR.selected;
   } else {
     color = SharedStyle.AREA_MESH_COLOR.unselected;
   }
-  if (texture.uri === undefined || texture.uri == '') {
+  if (texture.uri === undefined || texture.uri == "") {
     // @todo THIS IS A TEMPORARY FIX TO HAVE A DEFAULT FLOOR TEXTURE
-    texture.uri = layer.floorStyle.uri || 'https://media.test.diydesignspace.com/uploads/CountTop/202203162950_2/texture/oak-barcelona-s.jpg';
+    texture.uri = layer.floorStyle.uri || "https://media.test.diydesignspace.com/uploads/CountTop/202203162950_2/texture/oak-barcelona-s.jpg";
   }
   var shape = new Shape();
   shape.moveTo(vertices[0].x, vertices[0].y);
@@ -85,7 +85,7 @@ export function createArea(element, layer, scene, textures) {
     shape.lineTo(vertices[i].x, vertices[i].y);
   }
   function loadFloorENV() {
-    return new RGBELoader().load('/assets/Window.hdr', function (texture) {
+    return new RGBELoader().load("/assets/Window.hdr", function (texture) {
       texture.mapping = Three.EquirectangularReflectionMapping;
       return texture;
     });
@@ -105,8 +105,8 @@ export function createArea(element, layer, scene, textures) {
   /* Create holes for the area */
   element.holes.forEach(function (holeID) {
     var holeCoords = [];
-    layer.getIn(['areas', holeID, 'vertices']).forEach(function (vertexID) {
-      var _layer$getIn = layer.getIn(['vertices', vertexID]),
+    layer.getIn(["areas", holeID, "vertices"]).forEach(function (vertexID) {
+      var _layer$getIn = layer.getIn(["vertices", vertexID]),
         x = _layer$getIn.x,
         y = _layer$getIn.y;
       holeCoords.push([x, y]);
@@ -133,7 +133,7 @@ export function createArea(element, layer, scene, textures) {
   var area = new Mesh(shapeGeometry, areaMaterial);
   area.rotation.x -= Math.PI / 2;
   area.receiveShadow = true;
-  area.name = 'floor';
+  area.name = "floor";
   // This mesh is use for creating ceiling mesh
 
   var shapeGeometry2 = new Three.ShapeGeometry(shape);
@@ -144,7 +144,7 @@ export function createArea(element, layer, scene, textures) {
   area2.castShadow = true;
   area2.rotation.x -= Math.PI / 2;
   area2.receiveShadow = true;
-  area2.name = 'floorSupport';
+  area2.name = "floorSupport";
   var floorSupport = area2.clone();
   area.userData.floorSupport = floorSupport;
   return Promise.resolve(area);
@@ -154,13 +154,13 @@ export function updatedArea(element, layer, scene, textures, mesh, oldElement, d
     selfDestroy();
     return selfBuild();
   };
-  var floor = mesh.getObjectByName('floor');
+  var floor = mesh.getObjectByName("floor");
   floor.receiveShadow = true;
-  if (differences[0] == 'selected') {
+  if (differences[0] == "selected") {
     var color = element.selected ? SharedStyle.AREA_MESH_COLOR.selected : SharedStyle.AREA_MESH_COLOR.unselected;
     floor.material.color.set(color);
-  } else if (differences[0] == 'properties') {
-    if (differences[1] === 'texture') {
+  } else if (differences[0] == "properties") {
+    if (differences[1] === "texture") {
       return noPerf();
     }
   } else return noPerf();