@flanksource/clicky-ui 0.3.17 → 0.3.19

package/dist/data/Clicky.cjs

@@ -88,6 +88,8 @@ function Clicky(props) {
       ...props.search ? { tableSearch: props.search } : {},
       ...props.timeRange ? { tableTimeRange: props.timeRange } : {},
       ...props.externalFilters ? { tableExternalFilters: props.externalFilters } : {},
+      ...props.cellFilters ? { tableCellFilters: props.cellFilters } : {},
+      ...props.onCellFilterChange ? { onTableCellFilterChange: props.onCellFilterChange } : {},
       ...props.pagination ? { tablePagination: props.pagination } : {},
       ...props.rowSelection ? { tableRowSelection: props.rowSelection } : {},
       ...tableMenuActions.length > 0 ? { tableMenuActions } : {},
@@ -113,13 +115,15 @@ function ClickyRuntimeProvider({
   tableSearch,
   tableTimeRange,
   tableExternalFilters,
+  tableCellFilters,
+  onTableCellFilterChange,
   tablePagination,
   tableRowSelection,
   tableMenuActions,
   children
 }) {
   if (!commandRuntime) {
-    const hasOverrides = onTableRowClick || getTableRowHref || isTableRowClickable || tableSearch || tableTimeRange || tableExternalFilters || tablePagination || tableRowSelection || tableMenuActions;
+    const hasOverrides = onTableRowClick || getTableRowHref || isTableRowClickable || tableSearch || tableTimeRange || tableExternalFilters || tableCellFilters || onTableCellFilterChange || tablePagination || tableRowSelection || tableMenuActions;
     return /* @__PURE__ */ jsxRuntime.jsx(
       ClickyRuntimeContext.Provider,
       {
@@ -131,6 +135,8 @@ function ClickyRuntimeProvider({
           tableSearch,
           tableTimeRange,
           tableExternalFilters,
+          tableCellFilters,
+          onTableCellFilterChange,
           tablePagination,
           tableRowSelection,
           tableMenuActions
@@ -149,6 +155,8 @@ function ClickyRuntimeProvider({
       ...tableSearch ? { tableSearch } : {},
       ...tableTimeRange ? { tableTimeRange } : {},
       ...tableExternalFilters ? { tableExternalFilters } : {},
+      ...tableCellFilters ? { tableCellFilters } : {},
+      ...onTableCellFilterChange ? { onTableCellFilterChange } : {},
       ...tablePagination ? { tablePagination } : {},
       ...tableRowSelection ? { tableRowSelection } : {},
       ...tableMenuActions ? { tableMenuActions } : {},
@@ -164,6 +172,8 @@ function ClickyCommandRuntimeProvider({
   tableSearch,
   tableTimeRange,
   tableExternalFilters,
+  tableCellFilters,
+  onTableCellFilterChange,
   tablePagination,
   tableRowSelection,
   tableMenuActions,
@@ -179,6 +189,8 @@ function ClickyCommandRuntimeProvider({
       tableSearch,
       tableTimeRange,
       tableExternalFilters,
+      tableCellFilters,
+      onTableCellFilterChange,
       tablePagination,
       tableRowSelection,
       tableMenuActions,
@@ -195,6 +207,8 @@ function ClickyCommandRuntimeProvider({
       tableSearch,
       tableTimeRange,
       tableExternalFilters,
+      tableCellFilters,
+      onTableCellFilterChange,
       tablePagination,
       tableRowSelection,
       tableMenuActions
@@ -2022,6 +2036,8 @@ function ClickyTable({
   search,
   timeRange,
   externalFilters,
+  cellFilters,
+  onCellFilterChange,
   pagination,
   rowSelection,
   menuActions
@@ -2033,6 +2049,8 @@ function ClickyTable({
   const effectiveSearch = search ?? runtime.tableSearch;
   const effectiveTimeRange = timeRange ?? runtime.tableTimeRange;
   const effectiveExternalFilters = externalFilters ?? runtime.tableExternalFilters;
+  const effectiveCellFilters = cellFilters ?? runtime.tableCellFilters;
+  const effectiveCellFilterChange = onCellFilterChange ?? runtime.onTableCellFilterChange;
   const effectivePagination = pagination ?? runtime.tablePagination;
   const effectiveRowSelection = rowSelection ?? runtime.tableRowSelection;
   const effectiveMenuActions = menuActions ?? runtime.tableMenuActions;
@@ -2048,10 +2066,17 @@ function ClickyTable({
     const jsonColumn = column.type === "json";
     const base = {
       key: `cells.${column.name}`,
+      accessor: (row) => row.cells[column.name],
       label: column.header ? /* @__PURE__ */ jsxRuntime.jsx(ClickyNodeRenderer, { node: column.header }) : column.label || prettifyName(column.name),
       ...column.align ? { align: column.align } : {},
       ...column.sortable !== void 0 ? { sortable: column.sortable } : {},
       ...column.filterable !== void 0 ? { filterable: column.filterable } : {},
+      ...column.filterKey ? { filterKey: column.filterKey } : {},
+      serverFilterValue: (value) => {
+        const node = value;
+        return node.filterValue ?? clickyNodeText(node);
+      },
+      serverFilterLabel: (value) => clickyNodeText(value),
       ...column.grow !== void 0 ? { grow: column.grow } : {},
       ...column.shrink !== void 0 ? { shrink: column.shrink } : {}
     };
@@ -2116,6 +2141,8 @@ function ClickyTable({
       ...effectiveSearch ? { externalSearch: effectiveSearch } : {},
       ...effectiveTimeRange ? { externalTimeRange: effectiveTimeRange } : {},
       ...effectiveExternalFilters ? { externalFilters: effectiveExternalFilters } : {},
+      ...effectiveCellFilters ? { cellFilters: effectiveCellFilters } : {},
+      ...effectiveCellFilterChange ? { onCellFilterChange: effectiveCellFilterChange } : {},
       ...effectivePagination ? { pagination: effectivePagination } : {},
       ...effectiveMenuActions ? { menuActions: effectiveMenuActions } : {}
     }
@@ -2641,7 +2668,7 @@ function isExecutionResponse(value) {
   return value != null && typeof value === "object" && ("stdout" in value || "output" in value || "message" in value);
 }
 function clickyNodeText(node) {
-  var _a, _b;
+  var _a, _b, _c, _d, _e, _f;
   if (!node) return "";
   if (node.kind === "heading" || node.kind === "blockquote") {
     return clickyNodeText(node.content) || node.plain || "";
@@ -2678,6 +2705,28 @@ function clickyNodeText(node) {
       ...node.children.map((child) => clickyNodeText(child))
     ].join("");
   }
+  if (node.kind === "list" && ((_c = node.items) == null ? void 0 : _c.length)) {
+    return node.items.map((item) => clickyNodeText(item)).join(" ");
+  }
+  if (node.kind === "map" && ((_d = node.fields) == null ? void 0 : _d.length)) {
+    return node.fields.map((field) => {
+      const value = clickyNodeText(field.value);
+      const label = field.label ?? field.name;
+      return label ? `${label}: ${value}` : value;
+    }).join(" ");
+  }
+  if (node.kind === "tree" && ((_e = node.roots) == null ? void 0 : _e.length)) {
+    const walk = (branch) => [
+      clickyNodeText(branch.label),
+      ...(branch.children ?? []).map((child) => walk(child))
+    ].filter(Boolean).join(" ");
+    return node.roots.map((root) => walk(root)).join(" ");
+  }
+  if (node.kind === "table" && ((_f = node.rows) == null ? void 0 : _f.length)) {
+    return node.rows.map(
+      (row) => Object.values(row.cells ?? {}).map((cell) => clickyNodeText(cell)).filter(Boolean).join(" ")
+    ).filter(Boolean).join(" ");
+  }
   return "";
 }
 function isInlineNode(node) {