trotl-filter 1.0.41 → 1.0.43

package/dist/index.cjs.js

@@ -9050,18 +9050,20 @@ function DateTimeInput({
     };
   }
   const paramKey = pushUrlParamObj || null;
+  const isControlled = typeof controlledValue !== "undefined";
+  const normalizedControlledValue = isControlled ? controlledValue ?? "" : undefined;
 
   // Refs to stabilize callbacks and prevent re-entrant URL updates
   const onChangeRef = React.useRef(onChange);
-  const controlledValueRef = React.useRef(controlledValue);
+  const controlledValueRef = React.useRef(normalizedControlledValue);
   const isUpdatingFromComponentRef = React.useRef(false);
   const lastUrlValueRef = React.useRef(null);
   React.useEffect(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
   React.useEffect(() => {
-    controlledValueRef.current = controlledValue;
-  }, [controlledValue]);
+    controlledValueRef.current = normalizedControlledValue;
+  }, [normalizedControlledValue]);
 
   // Helper: convert timestamp (number|string) to internal input string
   const toInputString = React.useCallback(ts => {
@@ -9087,7 +9089,7 @@ function DateTimeInput({
 
   // Initial value
   const [value, setValue] = React.useState(() => {
-    if (typeof controlledValue !== "undefined") return controlledValue;
+    if (isControlled) return normalizedControlledValue;
     if (!paramKey) {
       let d = new Date();
       if (time && timeStart) {
@@ -9240,23 +9242,32 @@ function DateTimeInput({
     return new Date(d.getFullYear(), d.getMonth(), 1, 0, 0, 0, 0);
   });
   // Keep monthCursor in sync when selected date changes externally
+  // Guard updates so changing references (e.g. PREDEFINED array identity) doesn't force state
   React.useEffect(() => {
     if (selectedDate) {
-      setMonthCursor(new Date(selectedDate.getFullYear(), selectedDate.getMonth(), 1));
-    }
-    // Match predefined
-    if (selectedDate) {
+      const newMonth = new Date(selectedDate.getFullYear(), selectedDate.getMonth(), 1);
+      // only update monthCursor when month/year actually differ
+      setMonthCursor(prev => {
+        if (!prev || prev.getFullYear() !== newMonth.getFullYear() || prev.getMonth() !== newMonth.getMonth()) {
+          return newMonth;
+        }
+        return prev;
+      });
+
+      // Match predefined: set only when value actually changes
       const ts = selectedDate.getTime();
+      let matched = false;
       for (let i = 0; i < PREDEFINED.length; i++) {
         const d = PREDEFINED[i].getDate();
         if (d.getTime() === ts) {
-          setSelectedPredefined(String(i));
-          return;
+          setSelectedPredefined(prev => prev !== String(i) ? String(i) : prev);
+          matched = true;
+          break;
         }
       }
-      setSelectedPredefined("");
+      if (!matched) setSelectedPredefined(prev => prev !== "" ? "" : prev);
     } else {
-      setSelectedPredefined("");
+      setSelectedPredefined(prev => prev !== "" ? "" : prev);
     }
   }, [value, selectedDate, PREDEFINED]);
 
@@ -9346,8 +9357,10 @@ function DateTimeInput({
 
   // Controlled value sync
   React.useEffect(() => {
-    if (typeof controlledValue !== 'undefined') setValue(controlledValue);
-  }, [controlledValue]);
+    if (isControlled) {
+      setValue(prev => prev !== normalizedControlledValue ? normalizedControlledValue : prev);
+    }
+  }, [isControlled, normalizedControlledValue]);
 
   // Formatting display (similar to RangePicker)
   const formatDisplay = () => {
@@ -9376,7 +9389,7 @@ function DateTimeInput({
       dt.setHours(Number(h), Number(m), 0, 0);
     }
     const str = toInputString(dt.getTime());
-    if (typeof controlledValue === 'undefined') setValue(str);
+    if (!isControlled) setValue(str);
     setUrlParam(str);
     onChange?.(str);
   };
@@ -9400,12 +9413,12 @@ function DateTimeInput({
     const [h, m] = t.split(":");
     d.setHours(Number(h), Number(m), 0, 0);
     const str = toInputString(d.getTime());
-    if (typeof controlledValue === 'undefined') setValue(str);
+    if (!isControlled) setValue(str);
     setUrlParam(str);
     onChange?.(str);
   };
   const handleClear = () => {
-    if (typeof controlledValue === 'undefined') setValue("");
+    if (!isControlled) setValue("");
     setUrlParam("");
     onChange?.("");
   };