@ai-matrx/design-system 0.21.7 → 0.21.9

package/dist/data-table/index.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ReactNode } from 'react';
-import { h as MatrxDataTableProps, i as TableViewSnapshot, c as MatrxDataTableRecordControls, j as ColumnMarker, M as MatrxColumnDef } from '../types-DsmrqJHN.cjs';
-export { A as AnyOfColumnSearch, k as CellEditType, l as CellEditsMap, f as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, m as MatrxDataTableContextMenuConfig, g as MatrxDataTableCopyConfig, d as MatrxDataTableDensity, n as MatrxDataTableDetailConfig, o as MatrxDataTableEditConfig, p as MatrxDataTableEmptyState, q as MatrxDataTableFilterUi, r as MatrxDataTableHierarchyConfig, s as MatrxDataTableHierarchyMove, t as MatrxDataTableMobileCardControls, u as MatrxDataTableQueryControl, e as MatrxDataTableQueryState, v as MatrxDataTableSelectionConfig, w as MatrxDataTableSourceProcessing, x as MatrxDataTableToolbar, y as MatrxDataTableUrlStateConfig, z as MatrxDataTableWindowConfig, B as MatrxTablePagination, D as SortDirection, S as SortState, b as TableSavedViewsProps, T as TableSearchMatchMode, E as TableViewQuery, F as TextFilterMode, G as ToolbarFacet } from '../types-DsmrqJHN.cjs';
+import { h as MatrxDataTableProps, i as TableViewSnapshot, c as MatrxDataTableRecordControls, j as ColumnMarker, M as MatrxColumnDef } from '../types-CqA8mpjE.cjs';
+export { A as AnyOfColumnSearch, k as CellEditType, l as CellEditsMap, f as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, m as MatrxDataTableContextMenuConfig, g as MatrxDataTableCopyConfig, d as MatrxDataTableDensity, n as MatrxDataTableDetailConfig, o as MatrxDataTableEditConfig, p as MatrxDataTableEmptyState, q as MatrxDataTableFilterUi, r as MatrxDataTableHierarchyConfig, s as MatrxDataTableHierarchyMove, t as MatrxDataTableMobileCardControls, u as MatrxDataTableQueryControl, e as MatrxDataTableQueryState, v as MatrxDataTableSelectionConfig, w as MatrxDataTableSourceProcessing, x as MatrxDataTableToolbar, y as MatrxDataTableUrlStateConfig, z as MatrxDataTableWindowConfig, B as MatrxTablePagination, D as SortDirection, S as SortState, b as TableSavedViewsProps, T as TableSearchMatchMode, E as TableViewQuery, F as TextFilterMode, G as ToolbarFacet } from '../types-CqA8mpjE.cjs';
 export { MatrxDataTableHost, MatrxDataTableProvider, MatrxTableRowAlchemy, TableDoors, TableEntityRefProps, TableLinkProps, TablePeekProps, TableSidePanelProps, TableToolbarActionProps, TableWindowPanelProps, useMatrxDataTableHost, useMatrxTableRowAlchemy } from './host.cjs';
 import { CopyControlProps } from './copy-types.cjs';
 export { AgentPayloadInput } from './copy-types.cjs';

package/dist/data-table/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ReactNode } from 'react';
-import { h as MatrxDataTableProps, i as TableViewSnapshot, c as MatrxDataTableRecordControls, j as ColumnMarker, M as MatrxColumnDef } from '../types-Dpl8OW_m.js';
-export { A as AnyOfColumnSearch, k as CellEditType, l as CellEditsMap, f as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, m as MatrxDataTableContextMenuConfig, g as MatrxDataTableCopyConfig, d as MatrxDataTableDensity, n as MatrxDataTableDetailConfig, o as MatrxDataTableEditConfig, p as MatrxDataTableEmptyState, q as MatrxDataTableFilterUi, r as MatrxDataTableHierarchyConfig, s as MatrxDataTableHierarchyMove, t as MatrxDataTableMobileCardControls, u as MatrxDataTableQueryControl, e as MatrxDataTableQueryState, v as MatrxDataTableSelectionConfig, w as MatrxDataTableSourceProcessing, x as MatrxDataTableToolbar, y as MatrxDataTableUrlStateConfig, z as MatrxDataTableWindowConfig, B as MatrxTablePagination, D as SortDirection, S as SortState, b as TableSavedViewsProps, T as TableSearchMatchMode, E as TableViewQuery, F as TextFilterMode, G as ToolbarFacet } from '../types-Dpl8OW_m.js';
+import { h as MatrxDataTableProps, i as TableViewSnapshot, c as MatrxDataTableRecordControls, j as ColumnMarker, M as MatrxColumnDef } from '../types-CuTdr8mW.js';
+export { A as AnyOfColumnSearch, k as CellEditType, l as CellEditsMap, f as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, m as MatrxDataTableContextMenuConfig, g as MatrxDataTableCopyConfig, d as MatrxDataTableDensity, n as MatrxDataTableDetailConfig, o as MatrxDataTableEditConfig, p as MatrxDataTableEmptyState, q as MatrxDataTableFilterUi, r as MatrxDataTableHierarchyConfig, s as MatrxDataTableHierarchyMove, t as MatrxDataTableMobileCardControls, u as MatrxDataTableQueryControl, e as MatrxDataTableQueryState, v as MatrxDataTableSelectionConfig, w as MatrxDataTableSourceProcessing, x as MatrxDataTableToolbar, y as MatrxDataTableUrlStateConfig, z as MatrxDataTableWindowConfig, B as MatrxTablePagination, D as SortDirection, S as SortState, b as TableSavedViewsProps, T as TableSearchMatchMode, E as TableViewQuery, F as TextFilterMode, G as ToolbarFacet } from '../types-CuTdr8mW.js';
 export { MatrxDataTableHost, MatrxDataTableProvider, MatrxTableRowAlchemy, TableDoors, TableEntityRefProps, TableLinkProps, TablePeekProps, TableSidePanelProps, TableToolbarActionProps, TableWindowPanelProps, useMatrxDataTableHost, useMatrxTableRowAlchemy } from './host.js';
 import { CopyControlProps } from './copy-types.js';
 export { AgentPayloadInput } from './copy-types.js';

package/dist/data-table/index.js

@@ -5031,6 +5031,7 @@ function layeredFilterRuleSummary(rule, fields) {
 // src/data-table/filter-engine.ts
 var SELECT_EMPTY_VALUE = "__empty__";
 var SELECT_NOT_EMPTY_VALUE = "__not_empty__";
+var SELECT_NULL_VALUE = "__null__";
 function columnId(col) {
   if (col.id) return col.id;
   if (col.accessorKey) return String(col.accessorKey);
@@ -5105,11 +5106,14 @@ function passesColumnFilter(value, filter) {
         return s.toLowerCase().includes(q);
       }
       case "select": {
+        if (filter.values !== void 0 && filter.values.length === 0) {
+          return false;
+        }
         const selected = filter.values ?? (filter.value && filter.value !== "__all__" ? [filter.value] : []);
         if (selected.length === 0) return true;
         const values = selectCellValues(value);
         return selected.some(
-          (v) => v === SELECT_EMPTY_VALUE ? values.length === 0 : v === SELECT_NOT_EMPTY_VALUE ? values.length > 0 : values.includes(v)
+          (v) => v === SELECT_NULL_VALUE ? value == null : v === SELECT_EMPTY_VALUE ? values.length === 0 : v === SELECT_NOT_EMPTY_VALUE ? values.length > 0 : values.includes(v)
         );
       }
       case "boolean": {
@@ -5190,7 +5194,7 @@ function countActiveColumnFilters(filters) {
         if (f.value.trim() || f.mode && f.mode !== "contains") n += 1;
         break;
       case "select":
-        if (f.values ? f.values.length > 0 : f.value && f.value !== "__all__")
+        if (f.values !== void 0 || f.value && f.value !== "__all__")
           n += 1;
         break;
       case "boolean":
@@ -5209,7 +5213,7 @@ function isColumnFilterActive(filter) {
     case "text":
       return filter.value.trim().length > 0 || filter.mode !== void 0 && filter.mode !== "contains";
     case "select":
-      return filter.values ? filter.values.length > 0 : Boolean(filter.value) && filter.value !== "__all__";
+      return filter.values !== void 0 ? true : Boolean(filter.value) && filter.value !== "__all__";
     case "boolean":
       return true;
     case "number":
@@ -6363,9 +6367,7 @@ function SearchableSelectFilter({
       return;
     }
     const next = selected.includes(v) ? selected.filter((x) => x !== v) : [...selected, v];
-    onChange(
-      next.length === 0 ? void 0 : { kind: "select", value: next[0] ?? "", values: next }
-    );
+    onChange({ kind: "select", value: next[0] ?? "", values: next });
   };
   return /* @__PURE__ */ jsxs22("div", { className: "space-y-1 px-0", children: [
     /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between px-1 pb-1", children: [
@@ -6401,7 +6403,17 @@ function SearchableSelectFilter({
             CommandItem,
             {
               value: "__all__",
-              onSelect: () => onChange(void 0),
+              onSelect: () => single ? onChange(void 0) : onChange({
+                kind: "select",
+                value: options.find(
+                  (option) => option.value !== SELECT_NOT_EMPTY_VALUE
+                )?.value ?? "",
+                // `(not empty)` matches every populated value. Including
+                // it would make unchecking a concrete value ineffective.
+                values: options.filter(
+                  (option) => option.value !== SELECT_NOT_EMPTY_VALUE
+                ).map((option) => option.value)
+              }),
               className: "text-xs",
               children: "All"
             }
@@ -6421,6 +6433,9 @@ function SearchableSelectFilter({
                   /* @__PURE__ */ jsx31(
                     "span",
                     {
+                      role: single ? "radio" : "checkbox",
+                      "aria-label": o.label,
+                      "aria-checked": active,
                       className: cn(
                         "flex h-3.5 w-3.5 shrink-0 items-center justify-center border",
                         single ? "rounded-full" : "rounded-sm",
@@ -8748,7 +8763,7 @@ function MatrxDataTableCore({
   const appendQueryKey = appendQuery?.pagination.queryKey ?? null;
   const committedAppendQueryKey = useRef13(appendQueryKey);
   const appendSourceChanged = appendQuery !== null && committedAppendQueryKey.current !== appendQueryKey;
-  const data = appendQuery ? appendQuery.pagination.rows : suppliedData;
+  const data = (appendQuery ? appendQuery.pagination.rows : suppliedData) ?? [];
   const isLoading = appendQuery ? appendQuery.pagination.loading : suppliedLoading;
   const isFetching = appendQuery ? appendQuery.pagination.isFetchingNextPage : suppliedFetching;
   const host = useMatrxDataTableHost();