@buoy-gg/network 7.0.15 → 7.0.17

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

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NetworkFilterScreen = NetworkFilterScreen;
+var _useNetworkEventList = require("../hooks/useNetworkEventList");
+var _NetworkFilterViewV = require("./NetworkFilterViewV3.web");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * 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
+ */
+
+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
+  } = (0, _useNetworkEventList.useNetworkEventList)({
+    filter,
+    ignoredPatterns,
+    paused: paused || !visible,
+    isPro
+  });
+  if (!visible) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkFilterViewV.NetworkFilterViewV3, {
+    events: events,
+    filter: filter,
+    onFilterChange: onFilterChange,
+    ignoredPatterns: ignoredPatterns,
+    onRemovePattern: onRemovePattern,
+    onAddPattern: onAddPattern,
+    onTogglePatternMode: onTogglePatternMode
+  });
+}