@flanksource/clicky-ui 0.2.8 → 0.2.10

package/dist/data/DataTable.cjs

@@ -233,17 +233,6 @@ function DataTableInner({
   const resolvedShowDensityControl = showDensityControl ?? showColumnVisibilityControl;
   const showTablePreferencesControl = showColumnVisibilityControl || resolvedShowDensityControl || showThemeControl;
   const densityOverride = densityControlled ? density : localDensityOverride;
-  const tagActionsByColumn = react.useMemo(() => {
-    const out = {};
-    for (const column of visibleColumns) {
-      if (column.kind !== "tags") continue;
-      const columnKey = column.key;
-      const current = multiFilters[columnKey] ?? {};
-      const handler = (next) => setMultiFilters((state) => updateFilterRecord(state, columnKey, next));
-      out[columnKey] = TagList.tagActionsFromRecord(current, handler);
-    }
-    return out;
-  }, [multiFilters, visibleColumns]);
   const timeRangeColumn = react.useMemo(() => {
     if (filterBarProps == null ? void 0 : filterBarProps.timeRange) return null;
     return visibleColumns.find(
@@ -302,6 +291,17 @@ function DataTableInner({
       };
     });
   }, [autoFilter, filterableColumns, loading, rows]);
+  const filterActionsByColumn = react.useMemo(() => {
+    const out = {};
+    for (const filter of generatedFilters) {
+      if (filter.kind !== "multi" && filter.kind !== "nested-multi") continue;
+      const columnKey = filter.column.key;
+      const current = multiFilters[columnKey] ?? {};
+      const handler = (next) => setMultiFilters((state) => updateFilterRecord(state, columnKey, next));
+      out[columnKey] = TagList.tagActionsFromRecord(current, handler);
+    }
+    return out;
+  }, [generatedFilters, multiFilters]);
   react.useEffect(() => {
     setTextFilters((current) => pruneTextFilterState(current, generatedFilters));
     setMultiFilters((current) => pruneMultiFilterState(current, generatedFilters));
@@ -663,7 +663,7 @@ function DataTableInner({
             const expandedContent = (renderExpandedRow == null ? void 0 : renderExpandedRow(record.row, {
               columns: effectiveColumns,
               visibleColumns,
-              tagActionsByColumn
+              filterActionsByColumn
             })) ?? null;
             const expandable = expandedContent !== null;
             const expandsInline = expandable && detailStyle === "row";
@@ -695,8 +695,8 @@ function DataTableInner({
                   children: visibleColumns.map((column, index) => {
                     const rawValue = resolvePath(record.row, column.key);
                     let content = column.render ? column.render(rawValue, record.row) : formatCell(rawValue);
-                    if (column.kind === "tags" && tagActionsByColumn[column.key]) {
-                      content = /* @__PURE__ */ jsxRuntime.jsx(TagList.TagActionsProvider, { value: tagActionsByColumn[column.key], children: content });
+                    if (column.kind === "tags" && filterActionsByColumn[column.key]) {
+                      content = /* @__PURE__ */ jsxRuntime.jsx(TagList.TagActionsProvider, { value: filterActionsByColumn[column.key], children: content });
                     }
                     return /* @__PURE__ */ jsxRuntime.jsx(
                       "td",
@@ -740,7 +740,7 @@ function DataTableInner({
         children: detailRow ? renderExpandedRow(detailRow.row, {
           columns: effectiveColumns,
           visibleColumns,
-          tagActionsByColumn
+          filterActionsByColumn
         }) : null
       }
     ),
@@ -1731,5 +1731,6 @@ function FullscreenButton({ label, onClick }) {
   );
 }
 exports.DataTable = DataTable;
+exports.getFilterTokens = getFilterTokens;
 exports.inferColumns = inferColumns;
 //# sourceMappingURL=DataTable.cjs.map