@trops/dash-core 0.1.471 → 0.1.472

package/dist/index.js

@@ -52922,6 +52922,14 @@ var NotificationsSection = function NotificationsSection(_ref) {
     _useState10 = _slicedToArray(_useState1, 2),
     selectedKey = _useState10[0],
     setSelectedKey = _useState10[1];
+  var _useState11 = React.useState("all"),
+    _useState12 = _slicedToArray(_useState11, 2),
+    filterDashboard = _useState12[0],
+    setFilterDashboard = _useState12[1];
+  var _useState13 = React.useState("all"),
+    _useState14 = _slicedToArray(_useState13, 2),
+    filterPackage = _useState14[0],
+    setFilterPackage = _useState14[1];
 
   // Load preferences on mount
   React.useEffect(function () {
@@ -52969,15 +52977,48 @@ var NotificationsSection = function NotificationsSection(_ref) {
     });
   }, [workspaces]);
 
-  // Filter by search.
+  // Derive dropdown option lists. Both sorted alphabetically so the
+  // dropdowns don't shuffle as the underlying list changes order.
+  var dashboardOptions = React.useMemo(function () {
+    var set = new Set();
+    widgetInstances.forEach(function (wi) {
+      if (wi.workspaceName) set.add(wi.workspaceName);
+    });
+    return _toConsumableArray(set).sort(function (a, b) {
+      return String(a).localeCompare(String(b), undefined, {
+        sensitivity: "base"
+      });
+    });
+  }, [widgetInstances]);
+  var packageOptions = React.useMemo(function () {
+    var set = new Set();
+    widgetInstances.forEach(function (wi) {
+      if (wi["package"]) set.add(wi["package"]);
+    });
+    return _toConsumableArray(set).sort(function (a, b) {
+      return String(a).localeCompare(String(b), undefined, {
+        sensitivity: "base"
+      });
+    });
+  }, [widgetInstances]);
+  var hasActiveFilters = searchQuery.trim() !== "" || filterDashboard !== "all" || filterPackage !== "all";
+  var clearFilters = function clearFilters() {
+    setSearchQuery("");
+    setFilterDashboard("all");
+    setFilterPackage("all");
+  };
+
+  // Filter by search + dashboard + package (composed AND).
   var filteredInstances = React.useMemo(function () {
     var q = searchQuery.trim().toLowerCase();
-    if (!q) return widgetInstances;
     return widgetInstances.filter(function (wi) {
+      if (filterDashboard !== "all" && wi.workspaceName !== filterDashboard) return false;
+      if (filterPackage !== "all" && wi["package"] !== filterPackage) return false;
+      if (!q) return true;
       var hay = [wi.title, wi["package"], wi.workspaceName, wi.componentName].filter(Boolean).join(" ").toLowerCase();
       return hay.includes(q);
     });
-  }, [widgetInstances, searchQuery]);
+  }, [widgetInstances, searchQuery, filterDashboard, filterPackage]);
   function handleGlobalToggle(value) {
     var _window$mainApi2;
     setGlobalEnabled(value);
@@ -53023,8 +53064,49 @@ var NotificationsSection = function NotificationsSection(_ref) {
         placeholder: "Search widgets...",
         inputClassName: "py-1.5 text-xs"
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "text-[10px] opacity-50 px-0.5",
-        children: [filteredInstances.length, " of ", widgetInstances.length, " widget", widgetInstances.length === 1 ? "" : "s"]
+        className: "grid grid-cols-2 gap-1.5",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("select", {
+          value: filterDashboard,
+          onChange: function onChange(e) {
+            return setFilterDashboard(e.target.value);
+          },
+          className: "w-full px-2 py-1 text-xs bg-gray-800/50 border border-white/10 rounded text-gray-200 focus:outline-none",
+          children: [/*#__PURE__*/jsxRuntime.jsx("option", {
+            value: "all",
+            children: "All Dashboards"
+          }), dashboardOptions.map(function (d) {
+            return /*#__PURE__*/jsxRuntime.jsx("option", {
+              value: d,
+              children: d
+            }, d);
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsxs("select", {
+          value: filterPackage,
+          onChange: function onChange(e) {
+            return setFilterPackage(e.target.value);
+          },
+          className: "w-full px-2 py-1 text-xs bg-gray-800/50 border border-white/10 rounded text-gray-200 focus:outline-none",
+          children: [/*#__PURE__*/jsxRuntime.jsx("option", {
+            value: "all",
+            children: "All Packages"
+          }), packageOptions.map(function (p) {
+            return /*#__PURE__*/jsxRuntime.jsx("option", {
+              value: p,
+              children: p
+            }, p);
+          })]
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center justify-between text-[10px] px-0.5",
+        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "opacity-50",
+          children: hasActiveFilters ? "".concat(filteredInstances.length, " of ").concat(widgetInstances.length, " widgets") : "".concat(widgetInstances.length, " widget").concat(widgetInstances.length === 1 ? "" : "s")
+        }), hasActiveFilters && /*#__PURE__*/jsxRuntime.jsx("button", {
+          type: "button",
+          onClick: clearFilters,
+          className: "opacity-60 hover:opacity-100 transition-opacity text-gray-300 hover:bg-white/10 px-1.5 py-0.5 rounded",
+          children: "Clear"
+        })]
       })]
     }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Sidebar.Content, {
       children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {