@flanksource/clicky-ui 0.3.1 → 0.3.3

package/dist/components/FilterBar.js

@@ -1937,12 +1937,19 @@ function useDebouncedMultiDraft(value, onChange) {
   const { autoSubmit } = useContext(FilterBarContext);
   const [draft, setDraft] = useState(value);
   const latestOnChange = useRef(onChange);
+  const latestValue = useRef(value);
+  const valueKey = multiFilterValueKey(value);
   useEffect(() => {
     latestOnChange.current = onChange;
   }, [onChange]);
   useEffect(() => {
-    setDraft(value);
-  }, [value]);
+    if (!sameMultiFilterValue(latestValue.current, value)) {
+      latestValue.current = value;
+      setDraft(value);
+      return;
+    }
+    latestValue.current = value;
+  }, [valueKey, value]);
   useEffect(() => {
     if (sameMultiFilterValue(draft, value)) return;
     if (!autoSubmit) {
@@ -1953,9 +1960,12 @@ function useDebouncedMultiDraft(value, onChange) {
       latestOnChange.current(draft);
     }, FILTER_INPUT_DEBOUNCE_MS);
     return () => window.clearTimeout(timeoutId);
-  }, [autoSubmit, draft, value]);
+  }, [autoSubmit, draft, valueKey]);
   return [draft, setDraft];
 }
+function multiFilterValueKey(value) {
+  return Object.keys(value).sort().map((key) => `${key}:${value[key]}`).join("\0");
+}
 function sameMultiFilterValue(a, b) {
   const aKeys = Object.keys(a);
   const bKeys = Object.keys(b);