rbro-tat-uds 2.2.0 → 2.2.2

package/build/cjs/components/UnitlinkGraph/UnitlinkGraph.cjs

@@ -92,12 +92,19 @@ const UnitLinkGraph = ({
   const sliderActive = React.useMemo(() => {
     return barSecondaryConfiguration ? true : false;
   }, [barSecondaryConfiguration]);
+  const refMemoMaximumAni = React.useRef(maximum_ani);
   const svgReference = React.useRef(null);
   const [totalWidth, setTotalWidth] = React.useState(0);
   const [totalHeight, setTotalHeight] = React.useState(height);
   const [mainWidth, setMainWidth] = React.useState(0);
   const [mainStart, setMainStart] = React.useState(0);
   const [sliderValue, setSliderValue] = React.useState(initialSliderValue);
+  React.useEffect(() => {
+    if (refMemoMaximumAni.current !== maximum_ani) {
+      setSliderValue(0);
+      refMemoMaximumAni.current = maximum_ani;
+    }
+  }, [refMemoMaximumAni, maximum_ani]);
   const place_at_ani = React.useMemo(() => {
     if (barMainConfiguration.followSlider) {
       return sliderValue;
@@ -385,7 +392,14 @@ const UnitLinkGraph = ({
         }
       };
     },
-    [mainWidth, mainStart, configurations, totalHeight, place_at_ani]
+    [
+      mainWidth,
+      mainStart,
+      configurations,
+      totalHeight,
+      place_at_ani,
+      maximum_ani
+    ]
   );
   const computeAction = React.useCallback(
     ({
@@ -787,6 +801,7 @@ const RenderSlider = ({
 }) => {
   const PADDING_Y = 13;
   const GAP_TIMELINE_ACTIONS = 10;
+  const refMemoMax = React.useRef(max);
   const [internalValue, setInternalValue] = React.useState(externalValue || min);
   const [isDragging, setIsDragging] = React.useState(false);
   const sliderRef = React.useRef(null);
@@ -867,7 +882,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,
@@ -890,6 +906,12 @@ const RenderSlider = ({
       window.removeEventListener("touchend", onTouchEnd);
     };
   }, [isDragging, onMouseMove, onMouseUp, onTouchMove, onTouchEnd]);
+  React.useEffect(() => {
+    if (refMemoMax.current !== max) {
+      setInternalValue(0);
+      refMemoMax.current = max;
+    }
+  }, [refMemoMax, max]);
   return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "rect",
@@ -922,7 +944,7 @@ const RenderSlider = ({
               fill: utils.colors.info_600
             }
           ),
-          internalValue !== min && internalValue !== max && /* @__PURE__ */ jsxRuntime.jsxs(
+          internalValue > min && internalValue < max && /* @__PURE__ */ jsxRuntime.jsxs(
             "text",
             {
               x: thumbRenderProperties.w / 2,