reactbridge-sdk 0.2.5 → 0.2.6

package/dist/components/analytics/AnalyticsDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsDashboard.d.ts","sourceRoot":"","sources":["../../../src/components/analytics/AnalyticsDashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAEV,uBAAuB,EACxB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,MAAM,WAAW,uBAAuB;IACtC,iBAAiB,EAAE,uBAAuB,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,wBAAgB,kBAAkB,CAAC,EACjC,iBAAiB,EACjB,SAAc,EACd,WAAkB,EAClB,mBAAuB,EACvB,KAAK,EAAE,WAAW,GACnB,EAAE,uBAAuB,qBAwwBzB"}
+{"version":3,"file":"AnalyticsDashboard.d.ts","sourceRoot":"","sources":["../../../src/components/analytics/AnalyticsDashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAEV,uBAAuB,EACxB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,MAAM,WAAW,uBAAuB;IACtC,iBAAiB,EAAE,uBAAuB,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,wBAAgB,kBAAkB,CAAC,EACjC,iBAAiB,EACjB,SAAc,EACd,WAAkB,EAClB,mBAAuB,EACvB,KAAK,EAAE,WAAW,GACnB,EAAE,uBAAuB,qBAgzBzB"}

package/dist/index.esm.js

@@ -2156,6 +2156,8 @@ function AnalyticsDashboard({ onDirectiveAction, className = "", showRefresh = t
     const theme = customTheme || contextTheme;
     const [selectedAnalytics, setSelectedAnalytics] = useState(null);
     const [directiveFilter, setDirectiveFilter] = useState("all");
+    // Directive type filter (by action)
+    const [directiveType, setDirectiveType] = useState("all");
     // Fetch analytics configurations
     const { configs, isLoading: configsLoading, error: configsError, refetch: refetchConfigs, } = useAnalyticsConfigs();
     // Fetch latest result for selected analytics
@@ -2194,10 +2196,18 @@ function AnalyticsDashboard({ onDirectiveAction, className = "", showRefresh = t
         // Refetch result to get updated directive statuses
         refetchResult();
     });
+    // Get all unique directive types (actions)
+    const directiveTypes = React.useMemo(() => {
+        if (!(result === null || result === void 0 ? void 0 : result.directives))
+            return [];
+        const types = Array.from(new Set(result.directives.map((d) => d.action)));
+        return types;
+    }, [result === null || result === void 0 ? void 0 : result.directives]);
+    // Filter directives by status and type
     const filteredDirectives = (result === null || result === void 0 ? void 0 : result.directives.filter((d) => {
-        if (directiveFilter === "all")
-            return true;
-        return d.status === directiveFilter;
+        const statusMatch = directiveFilter === "all" || d.status === directiveFilter;
+        const typeMatch = directiveType === "all" || d.action === directiveType;
+        return statusMatch && typeMatch;
     })) || [];
     const selectedConfig = configs === null || configs === void 0 ? void 0 : configs.find((c) => c.analyticsType === selectedAnalytics);
     const proposedCount = (result === null || result === void 0 ? void 0 : result.directives.filter((d) => d.status === "proposed").length) || 0;
@@ -2469,6 +2479,8 @@ function AnalyticsDashboard({ onDirectiveAction, className = "", showRefresh = t
                             display: "flex",
                             justifyContent: "space-between",
                             alignItems: "center",
+                            flexWrap: "wrap",
+                            gap: theme.spacing.sm,
                         } },
                         React.createElement("h3", { style: { margin: 0, fontSize: theme.fontSizes.lg } }, "Recommended actions"),
                         React.createElement("div", { style: { display: "flex", gap: theme.spacing.xs } },
@@ -2503,7 +2515,22 @@ function AnalyticsDashboard({ onDirectiveAction, className = "", showRefresh = t
                                         : theme.colors.text }) },
                                 "Declined (",
                                 declinedCount,
-                                ")"))),
+                                ")")),
+                        directiveTypes.length > 1 && (React.createElement("select", { value: directiveType, onChange: e => setDirectiveType(e.target.value), style: {
+                                padding: `${theme.spacing.xs} ${theme.spacing.sm}`,
+                                borderRadius: theme.borderRadius,
+                                border: `1px solid ${theme.colors.border}`,
+                                background: theme.colors.surface,
+                                color: theme.colors.text,
+                                fontSize: theme.fontSizes.sm,
+                                fontWeight: 500,
+                                outline: "none",
+                                minWidth: 120,
+                                marginLeft: theme.spacing.sm,
+                                cursor: "pointer",
+                            } },
+                            React.createElement("option", { value: "all" }, "All types"),
+                            directiveTypes.map(type => (React.createElement("option", { key: type, value: type }, type)))))),
                     filteredDirectives.length === 0 && (React.createElement("div", { style: placeholderStyle }, "No directives match the selected filter.")),
                     React.createElement("div", { style: {
                             display: "flex",