door_models 5.3.4 → 5.3.6

package/dist/index.cjs.js

@@ -1485,7 +1485,24 @@ function DoorModels(_ref7) {
     secondDoorStopWidth,
     secondDoorStopDepth
   } = doorFrame;
-  const initialDoorHeight = React.useRef(doorHeight);
+  const initialDoorHeight = React.useRef(null);
+  React.useEffect(() => {
+    // If our initial height hasn't been set yet AND we have a valid height...
+    if (initialDoorHeight.current === null && doorHeight > 0) {
+      // ...set it. This will now be the stable base value for your logic.
+      // This line will only run once for the initial valid height.
+      initialDoorHeight.current = doorHeight;
+    }
+  }, [doorHeight]); // This hook listens for changes to doorHeight
+
+  // YOUR ORIGINAL LOGIC IS UNCHANGED, we just add a safety check.
+  const pivotNewPosition = React.useMemo(() => {
+    // If the initial value hasn't been captured, don't move the door.
+    if (initialDoorHeight.current === null || initialDoorHeight.current === 0) return 0;
+
+    // Your existing, correct logic now works because initialDoorHeight.current is correct.
+    return (doorHeight - initialDoorHeight.current) / 2 / 1000;
+  }, [doorHeight]);
   const {
     height: interiorFanlightHeightValue
   } = interiorFanlight;
@@ -1557,10 +1574,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 +1933,7 @@ function DoorLeaf(_ref8) {
     doorWidth,
     doorHeight,
     theDoorDepth,
-    doorOpening,
-    doorName
+    doorOpening
   } = door;
   const {
     frameDepth,
@@ -1935,23 +1947,6 @@ function DoorLeaf(_ref8) {
     secondDoorStopDepth
   } = doorFrame;
   const initialDoorHeight = React.useRef(null);
-  React.useEffect(() => {
-    initialDoorHeight.current = null;
-  }, [doorName]);
-  React.useEffect(() => {
-    if (initialDoorHeight.current === null && doorHeight > 0) {
-      initialDoorHeight.current = doorHeight;
-    }
-  }, [doorHeight]);
-  React.useMemo(() => {
-    if (initialDoorHeight.current === null) {
-      return 0;
-    }
-    return (doorHeight - initialDoorHeight.current) / 2 / 1000;
-  }, [doorHeight]);
-
-  // Old
-
   React.useEffect(() => {
     if (doorHeight > 0 && initialDoorHeight.current === null) {
       initialDoorHeight.current = doorHeight;