rbro-tat-uds 2.2.0 → 2.2.2

package/build/esm/components/UnitlinkGraph/UnitlinkGraph.js

@@ -88,12 +88,19 @@ const UnitLinkGraph = ({
   const sliderActive = useMemo(() => {
     return barSecondaryConfiguration ? true : false;
   }, [barSecondaryConfiguration]);
+  const refMemoMaximumAni = useRef(maximum_ani);
   const svgReference = useRef(null);
   const [totalWidth, setTotalWidth] = useState(0);
   const [totalHeight, setTotalHeight] = useState(height);
   const [mainWidth, setMainWidth] = useState(0);
   const [mainStart, setMainStart] = useState(0);
   const [sliderValue, setSliderValue] = useState(initialSliderValue);
+  useEffect(() => {
+    if (refMemoMaximumAni.current !== maximum_ani) {
+      setSliderValue(0);
+      refMemoMaximumAni.current = maximum_ani;
+    }
+  }, [refMemoMaximumAni, maximum_ani]);
   const place_at_ani = useMemo(() => {
     if (barMainConfiguration.followSlider) {
       return sliderValue;
@@ -381,7 +388,14 @@ const UnitLinkGraph = ({
         }
       };
     },
-    [mainWidth, mainStart, configurations, totalHeight, place_at_ani]
+    [
+      mainWidth,
+      mainStart,
+      configurations,
+      totalHeight,
+      place_at_ani,
+      maximum_ani
+    ]
   );
   const computeAction = useCallback(
     ({
@@ -783,6 +797,7 @@ const RenderSlider = ({
 }) => {
   const PADDING_Y = 13;
   const GAP_TIMELINE_ACTIONS = 10;
+  const refMemoMax = useRef(max);
   const [internalValue, setInternalValue] = useState(externalValue || min);
   const [isDragging, setIsDragging] = useState(false);
   const sliderRef = useRef(null);
@@ -863,7 +878,8 @@ const RenderSlider = ({
     const trackWidth = sliderPosition.w;
     const normalizeValue = (internalValue - min) / (max - min);
     const x = normalizeValue * trackWidth + sliderPosition.x;
-    return x - thumbRenderProperties.w / 2 + 2;
+    const calculateX = x - thumbRenderProperties.w / 2 + 2;
+    return calculateX;
   }, [
     min,
     max,
@@ -886,6 +902,12 @@ const RenderSlider = ({
       window.removeEventListener("touchend", onTouchEnd);
     };
   }, [isDragging, onMouseMove, onMouseUp, onTouchMove, onTouchEnd]);
+  useEffect(() => {
+    if (refMemoMax.current !== max) {
+      setInternalValue(0);
+      refMemoMax.current = max;
+    }
+  }, [refMemoMax, max]);
   return /* @__PURE__ */ jsxs("g", { children: [
     /* @__PURE__ */ jsx(
       "rect",
@@ -918,7 +940,7 @@ const RenderSlider = ({
               fill: colors.info_600
             }
           ),
-          internalValue !== min && internalValue !== max && /* @__PURE__ */ jsxs(
+          internalValue > min && internalValue < max && /* @__PURE__ */ jsxs(
             "text",
             {
               x: thumbRenderProperties.w / 2,