rbro-tat-uds 2.2.0 → 2.2.1

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,

package/build/cjs/index.cjs

@@ -24489,12 +24489,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;
@@ -24782,7 +24789,14 @@ const UnitLinkGraph = ({
         }
       };
     },
-    [mainWidth, mainStart, configurations, totalHeight, place_at_ani]
+    [
+      mainWidth,
+      mainStart,
+      configurations,
+      totalHeight,
+      place_at_ani,
+      maximum_ani
+    ]
   );
   const computeAction = React.useCallback(
     ({
@@ -25184,6 +25198,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);
@@ -25264,7 +25279,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,
@@ -25287,6 +25303,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",
@@ -25319,7 +25341,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,

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,

package/build/esm/index.js

@@ -24466,12 +24466,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;
@@ -24759,7 +24766,14 @@ const UnitLinkGraph = ({
         }
       };
     },
-    [mainWidth, mainStart, configurations, totalHeight, place_at_ani]
+    [
+      mainWidth,
+      mainStart,
+      configurations,
+      totalHeight,
+      place_at_ani,
+      maximum_ani
+    ]
   );
   const computeAction = useCallback(
     ({
@@ -25161,6 +25175,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);
@@ -25241,7 +25256,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,
@@ -25264,6 +25280,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",
@@ -25296,7 +25318,7 @@ const RenderSlider = ({
               fill: colors.info_600
             }
           ),
-          internalValue !== min && internalValue !== max && /* @__PURE__ */ jsxs(
+          internalValue > min && internalValue < max && /* @__PURE__ */ jsxs(
             "text",
             {
               x: thumbRenderProperties.w / 2,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rbro-tat-uds",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "type": "module",
   "main": "build/cjs/index.cjs",
   "module": "build/esm/index.js",