trotl-filter 1.0.39 → 1.0.41

package/dist/index.cjs.js

@@ -9033,29 +9033,6 @@ function DateTimeInput({
   className = "",
   style = {},
   predefinedRanges = ["today", "yesterday"],
-  presets = [{
-    label: "Clear",
-    type: "clear"
-  }, {
-    label: "Today",
-    type: "today"
-  }, {
-    label: "+1 Week",
-    type: "days",
-    value: 7
-  }, {
-    label: "+10 Days",
-    type: "days",
-    value: 10
-  }, {
-    label: "+1 Month",
-    type: "months",
-    value: 1
-  }, {
-    label: "+1 Year",
-    type: "years",
-    value: 1
-  }],
   startWith = "sunday",
   ...rest
 }) {
@@ -9073,11 +9050,12 @@ function DateTimeInput({
     };
   }
   const paramKey = pushUrlParamObj || null;
+
+  // Refs to stabilize callbacks and prevent re-entrant URL updates
   const onChangeRef = React.useRef(onChange);
   const controlledValueRef = React.useRef(controlledValue);
-  const lastUrlValueRef = React.useRef(null);
   const isUpdatingFromComponentRef = React.useRef(false);
-  const historyPatchedRef = React.useRef(false);
+  const lastUrlValueRef = React.useRef(null);
   React.useEffect(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
@@ -9101,6 +9079,12 @@ function DateTimeInput({
     return `${yyyy}-${mm}-${dd}`;
   }, [time]);
 
+  // Stable ref for toInputString to avoid effect re-runs
+  const toInputStringRef = React.useRef(toInputString);
+  React.useEffect(() => {
+    toInputStringRef.current = toInputString;
+  }, [toInputString]);
+
   // Initial value
   const [value, setValue] = React.useState(() => {
     if (typeof controlledValue !== "undefined") return controlledValue;
@@ -9122,10 +9106,6 @@ function DateTimeInput({
     }
     return toInputString(d.getTime());
   });
-  const valueRef = React.useRef(value);
-  React.useEffect(() => {
-    valueRef.current = value;
-  }, [value]);
 
   // Dropdown state & positioning
   const [open, setOpen] = React.useState(false);
@@ -9312,10 +9292,9 @@ function DateTimeInput({
       const d = new Date(val);
       ts = d.getTime();
     }
-    const nextVal = ts && String(ts).length > 0 && !isNaN(Number(ts)) ? String(ts) : "";
-    lastUrlValueRef.current = nextVal;
-    if (nextVal) params.set(paramKey, nextVal);else params.delete(paramKey);
+    if (ts && String(ts).length > 0 && !isNaN(Number(ts))) params.set(paramKey, String(ts));else params.delete(paramKey);
     const newUrl = window.location.pathname + (params.toString() ? `?${params.toString()}` : "");
+    lastUrlValueRef.current = params.get(paramKey) || null;
     window.history.replaceState({}, "", newUrl);
     setTimeout(() => {
       isUpdatingFromComponentRef.current = false;
@@ -9329,33 +9308,32 @@ function DateTimeInput({
       if (isUpdatingFromComponentRef.current) return;
       const params = new URLSearchParams(window.location.search);
       const urlVal = params.get(paramKey);
-      if (urlVal) {
-        if (lastUrlValueRef.current === urlVal && valueRef.current === toInputString(urlVal)) return;
-        const str = toInputString(urlVal);
-        if (str !== valueRef.current) {
-          setValue(prev => prev !== str ? str : prev);
-          if (onChangeRef.current && str !== controlledValueRef.current) onChangeRef.current(urlVal);
-        }
+      if (urlVal && urlVal !== lastUrlValueRef.current) {
+        const str = toInputStringRef.current(urlVal);
+        setValue(prev => prev !== str ? str : prev);
+        if (onChangeRef.current && str !== controlledValueRef.current) onChangeRef.current(urlVal);
+        lastUrlValueRef.current = urlVal;
+      } else if (!urlVal && lastUrlValueRef.current !== null) {
+        setValue("");
+        if (onChangeRef.current) onChangeRef.current("");
+        lastUrlValueRef.current = null;
       }
     };
     syncFromUrl();
     window.addEventListener('popstate', syncFromUrl);
-
-    // Only patch history methods once globally
-    if (!historyPatchedRef.current) {
-      const origPushState = window.history.pushState;
-      const origReplaceState = window.history.replaceState;
-      window.history.pushState = function () {
-        const rv = origPushState.apply(this, arguments);
-        window.dispatchEvent(new Event('pushState'));
-        return rv;
-      };
-      window.history.replaceState = function () {
-        const rv = origReplaceState.apply(this, arguments);
-        window.dispatchEvent(new Event('replaceState'));
-        return rv;
+    // Patch history methods only once globally
+    if (!window.__historyPatched) {
+      window.__historyPatched = true;
+      const patchHistory = type => {
+        const orig = window.history[type];
+        window.history[type] = function () {
+          const rv = orig.apply(this, arguments);
+          window.dispatchEvent(new Event(type));
+          return rv;
+        };
       };
-      historyPatchedRef.current = true;
+      patchHistory('pushState');
+      patchHistory('replaceState');
     }
     window.addEventListener('pushState', syncFromUrl);
     window.addEventListener('replaceState', syncFromUrl);
@@ -9364,7 +9342,7 @@ function DateTimeInput({
       window.removeEventListener('pushState', syncFromUrl);
       window.removeEventListener('replaceState', syncFromUrl);
     };
-  }, [paramKey, toInputString]);
+  }, [paramKey]);
 
   // Controlled value sync
   React.useEffect(() => {
@@ -9432,41 +9410,6 @@ function DateTimeInput({
     onChange?.("");
   };
 
-  // Presets (custom actions like clear, today, +N days/months/years)
-  const handlePresetClick = React.useCallback(p => {
-    if (!p || disabled) return;
-    const type = String(p.type || '').toLowerCase();
-    if (type === 'clear') {
-      handleClear();
-      return;
-    }
-    let d = new Date();
-    if (type === 'today') {
-      d = new Date();
-      d.setHours(0, 0, 0, 0);
-    } else if (type === 'days') {
-      const v = Number(p.value) || 0;
-      d.setHours(0, 0, 0, 0);
-      d.setDate(d.getDate() + v);
-    } else if (type === 'months') {
-      const v = Number(p.value) || 0;
-      d.setHours(0, 0, 0, 0);
-      d.setMonth(d.getMonth() + v);
-    } else if (type === 'years') {
-      const v = Number(p.value) || 0;
-      d.setHours(0, 0, 0, 0);
-      d.setFullYear(d.getFullYear() + v);
-    } else {
-      // unknown type: ignore
-      return;
-    }
-    if (time && timeStart) {
-      const [h, m] = (timeStart || '00:00').split(':');
-      d.setHours(Number(h), Number(m), 0, 0);
-    }
-    applySelection(d);
-  }, [disabled, time, timeStart, applySelection, handleClear]);
-
   // Outside click close
   React.useEffect(() => {
     if (!open) return;
@@ -9553,28 +9496,7 @@ function DateTimeInput({
         cursor: disabled ? 'not-allowed' : 'pointer'
       }
     }, p.label);
-  })), Array.isArray(presets) && presets.length > 0 && /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      flexWrap: 'wrap',
-      gap: 6,
-      marginBottom: 8
-    }
-  }, presets.map((ps, idx) => /*#__PURE__*/React.createElement("button", {
-    key: `preset_${idx}`,
-    type: "button",
-    onClick: () => handlePresetClick(ps),
-    disabled: disabled,
-    className: "basic-btn",
-    style: {
-      padding: '4px 8px',
-      fontSize: 12,
-      background: disabled ? '#f9fafb' : '#fff',
-      color: disabled ? '#9ca3af' : '#000',
-      border: disabled ? '1px solid #e5e7eb' : '1px solid #d9d9d9',
-      cursor: disabled ? 'not-allowed' : 'pointer'
-    }
-  }, ps.label))), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'flex',
       justifyContent: 'space-between',
@@ -9735,8 +9657,7 @@ DateTimeInput.propTypes = {
   disabled: PropTypes.bool,
   className: PropTypes.string,
   style: PropTypes.object,
-  predefinedRanges: PropTypes.array,
-  presets: PropTypes.array
+  predefinedRanges: PropTypes.array
 };
 const buttonStyle = {
   padding: '6px 16px',