door_models 5.3.5 → 5.3.7

package/dist/index.cjs.js

@@ -1485,7 +1485,16 @@ function DoorModels(_ref7) {
     secondDoorStopWidth,
     secondDoorStopDepth
   } = doorFrame;
-  const initialDoorHeight = React.useRef(doorHeight);
+  const initialDoorHeight = React.useRef(null);
+  React.useEffect(() => {
+    if (initialDoorHeight.current === null && doorHeight > 0) {
+      initialDoorHeight.current = doorHeight;
+    }
+  }, [doorHeight]);
+  const pivotNewPosition = React.useMemo(() => {
+    if (initialDoorHeight.current === null || initialDoorHeight.current === 0) return 0;
+    return (doorHeight - initialDoorHeight.current) / 2 / 1000;
+  }, [doorHeight]);
   const {
     height: interiorFanlightHeightValue
   } = interiorFanlight;
@@ -1557,10 +1566,6 @@ function DoorModels(_ref7) {
       x: 0
     }];
   }, [isDoubleDoor, doorWidthM, doorPivot]);
-  const pivotNewPosition = React.useMemo(() => {
-    if (!initialDoorHeight.current || initialDoorHeight.current === 0) return 0;
-    return (doorHeight - initialDoorHeight.current) / 2 / 1000;
-  }, [doorHeight]);
 
   // --- Centering & Positioning ---
   const yCenteringOffset = -topFrameWidthM / 2;
@@ -1920,8 +1925,7 @@ function DoorLeaf(_ref8) {
     doorWidth,
     doorHeight,
     theDoorDepth,
-    doorOpening,
-    doorName
+    doorOpening
   } = door;
   const {
     frameDepth,
@@ -1936,19 +1940,10 @@ function DoorLeaf(_ref8) {
   } = doorFrame;
   const initialDoorHeight = React.useRef(null);
   React.useEffect(() => {
-    initialDoorHeight.current = null;
-  }, [doorName]);
-  React.useEffect(() => {
-    if (initialDoorHeight.current === null && doorHeight > 0) {
+    if (doorHeight > 0 && initialDoorHeight.current === null) {
       initialDoorHeight.current = doorHeight;
     }
   }, [doorHeight]);
-  React.useMemo(() => {
-    if (initialDoorHeight.current === null) {
-      return 0;
-    }
-    return (doorHeight - initialDoorHeight.current) / 2 / 1000;
-  }, [doorHeight]);
   const {
     x1: occulusX1,
     x2: occulusX2,
@@ -1999,6 +1994,19 @@ function DoorLeaf(_ref8) {
   const occulusHeightM = mainDoorHeightM - occulusY1M - occulusY2M;
   const occulusPositionXM = (occulusX1M - occulusX2M) / 2;
   const occulusPositionYM = (occulusY2M - occulusY1M) / 2;
+  React.useEffect(() => {
+    const materialsToUpdate = [frontDoorPlaneMaterial, backDoorPlaneMaterial];
+    materialsToUpdate.forEach(material => {
+      // Check if the material has a texture map
+      if (material.map) {
+        // Set the texture to repeat
+        material.map.wrapS = THREE__namespace.RepeatWrapping;
+        material.map.wrapT = THREE__namespace.RepeatWrapping;
+        material.map.repeat.set(doorWidthM, mainDoorHeightM);
+        material.map.needsUpdate = true;
+      }
+    });
+  }, [doorWidthM, mainDoorHeightM, frontDoorPlaneMaterial, backDoorPlaneMaterial]);
   const [isOpen, setIsOpen] = React.useState(false);
   const hingeSideX = pivot === "left" ? -doorWidthM / 2 : doorWidthM / 2;