@buoy-gg/network 7.0.15 → 7.0.17

package/lib/module/network/components/NetworkFilterScreen.web.js

@@ -0,0 +1,51 @@
+"use strict";
+
+/**
+ * NetworkFilterScreen.web — DOM twin of the `NetworkFilterScreen` screen
+ * component inside NetworkModal.tsx (the native screen is private to the
+ * modal; web hosts compose their own shell, so the screen is exported here as
+ * the reusable piece — same precedent as NetworkDetailScreen.web).
+ *
+ * Same rule4 contract as native: hooks run unconditionally and the component
+ * returns null when not visible; the subscription passes `paused || !visible`
+ * so a hidden screen doesn't subscribe. Facet counts read the SAME filtered
+ * list the user is looking at (`useNetworkEventList` — the platform-free hook
+ * native uses, reused, not forked).
+ *
+ * @platform React DOM Web
+ */
+
+import { useNetworkEventList } from "../hooks/useNetworkEventList";
+import { NetworkFilterViewV3 } from "./NetworkFilterViewV3.web";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function NetworkFilterScreen({
+  visible,
+  paused,
+  isPro,
+  filter,
+  onFilterChange,
+  ignoredPatterns,
+  onRemovePattern,
+  onAddPattern,
+  onTogglePatternMode
+}) {
+  // Facet counts read the same filtered list the user is looking at.
+  const {
+    events
+  } = useNetworkEventList({
+    filter,
+    ignoredPatterns,
+    paused: paused || !visible,
+    isPro
+  });
+  if (!visible) return null;
+  return /*#__PURE__*/_jsx(NetworkFilterViewV3, {
+    events: events,
+    filter: filter,
+    onFilterChange: onFilterChange,
+    ignoredPatterns: ignoredPatterns,
+    onRemovePattern: onRemovePattern,
+    onAddPattern: onAddPattern,
+    onTogglePatternMode: onTogglePatternMode
+  });
+}