@ai-matrx/design-system 0.49.23 → 0.49.25

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, d as MatrxDataTableRecordControls, j as MatrxDataTableRead, k as ColumnMarker, M as MatrxColumnDef } from '../layered-filters-DZNCPJsU.cjs';
-export { A as AnyOfColumnSearch, l as CellEditType, m as CellEditsMap, f as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, n as MatrxDataTableContextMenuConfig, g as MatrxDataTableCopyConfig, o as MatrxDataTableCoverageConfig, c as MatrxDataTableDensity, p as MatrxDataTableDetailConfig, q as MatrxDataTableEditConfig, r as MatrxDataTableEmptyState, s as MatrxDataTableExpandedDetailConfig, t as MatrxDataTableFacetsConfig, u as MatrxDataTableFilterUi, v as MatrxDataTableGroupingConfig, w as MatrxDataTableHierarchyConfig, x as MatrxDataTableHierarchyMove, y as MatrxDataTableMobileCardControls, z as MatrxDataTableMultiExpandedDetailConfig, B as MatrxDataTableQueryControl, e as MatrxDataTableQueryState, D as MatrxDataTableReadStatus, E as MatrxDataTableSelectionConfig, F as MatrxDataTableSingleExpandedDetailConfig, G as MatrxDataTableSourceProcessing, H as MatrxDataTableSpreadsheetConfig, I as MatrxDataTableStyleConfig, J as MatrxDataTableSummaryConfig, K as MatrxDataTableSummaryContext, N as MatrxDataTableSummaryMetric, O as MatrxDataTableToolbar, P as MatrxDataTableUrlStateConfig, Q as MatrxDataTableVirtualizeConfig, R as MatrxDataTableWindowConfig, U as MatrxTablePagination, V as NumberFilterOp, W as SavedTableViewTab, X as SortDirection, S as SortState, Y as SpreadsheetSelection, Z as TableRankedSearchOptions, b as TableSavedViewsProps, T as TableSearchMatchMode, _ as TableSearchRole, $ as TableSearchScope, a0 as TableViewQuery, a1 as TableViewTab, a2 as TableViewTabs, a3 as TableViewTabsProps, a4 as TableViewTabsStore, a5 as TextFilterMode, a6 as ToolbarFacet, a7 as inferTableSearchRole, a8 as rankTableSearchRows, a9 as resolveTableSearchScopes } from '../layered-filters-DZNCPJsU.cjs';
+import { h as MatrxDataTableProps, i as TableViewSnapshot, d as MatrxDataTableRecordControls, j as MatrxDataTableRead, k as ColumnMarker, M as MatrxColumnDef } from '../layered-filters-frtWJUl5.cjs';
+export { A as AnyOfColumnSearch, l as CellEditType, m as CellEditsMap, f as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, n as MatrxDataTableContextMenuConfig, g as MatrxDataTableCopyConfig, o as MatrxDataTableCoverageConfig, c as MatrxDataTableDensity, p as MatrxDataTableDetailConfig, q as MatrxDataTableEditConfig, r as MatrxDataTableEmptyState, s as MatrxDataTableExpandedDetailConfig, t as MatrxDataTableFacetsConfig, u as MatrxDataTableFilterUi, v as MatrxDataTableGroupingConfig, w as MatrxDataTableHierarchyConfig, x as MatrxDataTableHierarchyMove, y as MatrxDataTableMobileCardControls, z as MatrxDataTableMultiExpandedDetailConfig, B as MatrxDataTableQueryControl, e as MatrxDataTableQueryState, D as MatrxDataTableReadStatus, E as MatrxDataTableSelectionConfig, F as MatrxDataTableSingleExpandedDetailConfig, G as MatrxDataTableSourceProcessing, H as MatrxDataTableSpreadsheetConfig, I as MatrxDataTableStyleConfig, J as MatrxDataTableSummaryConfig, K as MatrxDataTableSummaryContext, N as MatrxDataTableSummaryMetric, O as MatrxDataTableToolbar, P as MatrxDataTableUrlStateConfig, Q as MatrxDataTableVirtualizeConfig, R as MatrxDataTableWindowConfig, U as MatrxTablePagination, V as NumberFilterOp, W as SavedTableViewTab, X as SortDirection, S as SortState, Y as SpreadsheetSelection, Z as TableRankedSearchOptions, b as TableSavedViewsProps, T as TableSearchMatchMode, _ as TableSearchRole, $ as TableSearchScope, a0 as TableViewQuery, a1 as TableViewTab, a2 as TableViewTabs, a3 as TableViewTabsProps, a4 as TableViewTabsStore, a5 as TextFilterMode, a6 as ToolbarFacet, a7 as inferTableSearchRole, a8 as rankTableSearchRows, a9 as resolveTableSearchScopes } from '../layered-filters-frtWJUl5.cjs';
 import { TableReadFailureProps, TableStaleNoticeProps } from './host.cjs';
 export { MatrxDataTableHost, MatrxDataTableProvider, MatrxTableRowAlchemy, TableContextMenuBoundaryProps, TableDoors, TableEntityRefProps, TableLinkProps, TableMenuIconProps, TablePeekProps, TableSidePanelProps, TableToolbarActionProps, TableWindowPanelProps, useMatrxDataTableHost, useMatrxTableRowAlchemy } from './host.cjs';
 import { CopyControlProps } from './copy-types.cjs';
@@ -85,10 +85,12 @@ interface SavedViewsControlProps {
     /** Tabs and the menu are two presentations of the same durable views. */
     presentation?: "menu" | "tabs";
     onRename?: (id: string, name: string) => void | Promise<void>;
+    /** Archives one durable view after confirmation; the host also resets an active view on success. */
+    onRemove?: (id: string) => void | Promise<void>;
     related?: ReactNode;
 }
 /** Shared named-view chooser. Persistence, authorization and validation stay host-side. */
-declare function SavedViewsControl({ views, activeId, loading, error, dirty, onSelect, onSaveNew, onUpdate, onReload, presentation, onRename, related, }: SavedViewsControlProps): React.JSX.Element;
+declare function SavedViewsControl({ views, activeId, loading, error, dirty, onSelect, onSaveNew, onUpdate, onReload, presentation, onRename, onRemove, related, }: SavedViewsControlProps): React.JSX.Element;
 
 /** Defensive decoder for persisted JSON. Invalid snapshots are ignored by adapters. */
 declare function parseTableViewSnapshot(raw: unknown): TableViewSnapshot | null;

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, d as MatrxDataTableRecordControls, j as MatrxDataTableRead, k as ColumnMarker, M as MatrxColumnDef } from '../layered-filters-LwqRKKni.js';
-export { A as AnyOfColumnSearch, l as CellEditType, m as CellEditsMap, f as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, n as MatrxDataTableContextMenuConfig, g as MatrxDataTableCopyConfig, o as MatrxDataTableCoverageConfig, c as MatrxDataTableDensity, p as MatrxDataTableDetailConfig, q as MatrxDataTableEditConfig, r as MatrxDataTableEmptyState, s as MatrxDataTableExpandedDetailConfig, t as MatrxDataTableFacetsConfig, u as MatrxDataTableFilterUi, v as MatrxDataTableGroupingConfig, w as MatrxDataTableHierarchyConfig, x as MatrxDataTableHierarchyMove, y as MatrxDataTableMobileCardControls, z as MatrxDataTableMultiExpandedDetailConfig, B as MatrxDataTableQueryControl, e as MatrxDataTableQueryState, D as MatrxDataTableReadStatus, E as MatrxDataTableSelectionConfig, F as MatrxDataTableSingleExpandedDetailConfig, G as MatrxDataTableSourceProcessing, H as MatrxDataTableSpreadsheetConfig, I as MatrxDataTableStyleConfig, J as MatrxDataTableSummaryConfig, K as MatrxDataTableSummaryContext, N as MatrxDataTableSummaryMetric, O as MatrxDataTableToolbar, P as MatrxDataTableUrlStateConfig, Q as MatrxDataTableVirtualizeConfig, R as MatrxDataTableWindowConfig, U as MatrxTablePagination, V as NumberFilterOp, W as SavedTableViewTab, X as SortDirection, S as SortState, Y as SpreadsheetSelection, Z as TableRankedSearchOptions, b as TableSavedViewsProps, T as TableSearchMatchMode, _ as TableSearchRole, $ as TableSearchScope, a0 as TableViewQuery, a1 as TableViewTab, a2 as TableViewTabs, a3 as TableViewTabsProps, a4 as TableViewTabsStore, a5 as TextFilterMode, a6 as ToolbarFacet, a7 as inferTableSearchRole, a8 as rankTableSearchRows, a9 as resolveTableSearchScopes } from '../layered-filters-LwqRKKni.js';
+import { h as MatrxDataTableProps, i as TableViewSnapshot, d as MatrxDataTableRecordControls, j as MatrxDataTableRead, k as ColumnMarker, M as MatrxColumnDef } from '../layered-filters-CKS15cIc.js';
+export { A as AnyOfColumnSearch, l as CellEditType, m as CellEditsMap, f as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, n as MatrxDataTableContextMenuConfig, g as MatrxDataTableCopyConfig, o as MatrxDataTableCoverageConfig, c as MatrxDataTableDensity, p as MatrxDataTableDetailConfig, q as MatrxDataTableEditConfig, r as MatrxDataTableEmptyState, s as MatrxDataTableExpandedDetailConfig, t as MatrxDataTableFacetsConfig, u as MatrxDataTableFilterUi, v as MatrxDataTableGroupingConfig, w as MatrxDataTableHierarchyConfig, x as MatrxDataTableHierarchyMove, y as MatrxDataTableMobileCardControls, z as MatrxDataTableMultiExpandedDetailConfig, B as MatrxDataTableQueryControl, e as MatrxDataTableQueryState, D as MatrxDataTableReadStatus, E as MatrxDataTableSelectionConfig, F as MatrxDataTableSingleExpandedDetailConfig, G as MatrxDataTableSourceProcessing, H as MatrxDataTableSpreadsheetConfig, I as MatrxDataTableStyleConfig, J as MatrxDataTableSummaryConfig, K as MatrxDataTableSummaryContext, N as MatrxDataTableSummaryMetric, O as MatrxDataTableToolbar, P as MatrxDataTableUrlStateConfig, Q as MatrxDataTableVirtualizeConfig, R as MatrxDataTableWindowConfig, U as MatrxTablePagination, V as NumberFilterOp, W as SavedTableViewTab, X as SortDirection, S as SortState, Y as SpreadsheetSelection, Z as TableRankedSearchOptions, b as TableSavedViewsProps, T as TableSearchMatchMode, _ as TableSearchRole, $ as TableSearchScope, a0 as TableViewQuery, a1 as TableViewTab, a2 as TableViewTabs, a3 as TableViewTabsProps, a4 as TableViewTabsStore, a5 as TextFilterMode, a6 as ToolbarFacet, a7 as inferTableSearchRole, a8 as rankTableSearchRows, a9 as resolveTableSearchScopes } from '../layered-filters-CKS15cIc.js';
 import { TableReadFailureProps, TableStaleNoticeProps } from './host.js';
 export { MatrxDataTableHost, MatrxDataTableProvider, MatrxTableRowAlchemy, TableContextMenuBoundaryProps, TableDoors, TableEntityRefProps, TableLinkProps, TableMenuIconProps, TablePeekProps, TableSidePanelProps, TableToolbarActionProps, TableWindowPanelProps, useMatrxDataTableHost, useMatrxTableRowAlchemy } from './host.js';
 import { CopyControlProps } from './copy-types.js';
@@ -85,10 +85,12 @@ interface SavedViewsControlProps {
     /** Tabs and the menu are two presentations of the same durable views. */
     presentation?: "menu" | "tabs";
     onRename?: (id: string, name: string) => void | Promise<void>;
+    /** Archives one durable view after confirmation; the host also resets an active view on success. */
+    onRemove?: (id: string) => void | Promise<void>;
     related?: ReactNode;
 }
 /** Shared named-view chooser. Persistence, authorization and validation stay host-side. */
-declare function SavedViewsControl({ views, activeId, loading, error, dirty, onSelect, onSaveNew, onUpdate, onReload, presentation, onRename, related, }: SavedViewsControlProps): React.JSX.Element;
+declare function SavedViewsControl({ views, activeId, loading, error, dirty, onSelect, onSaveNew, onUpdate, onReload, presentation, onRename, onRemove, related, }: SavedViewsControlProps): React.JSX.Element;
 
 /** Defensive decoder for persisted JSON. Invalid snapshots are ignored by adapters. */
 declare function parseTableViewSnapshot(raw: unknown): TableViewSnapshot | null;

package/dist/data-table/index.js

@@ -36840,7 +36840,7 @@ function GenericTablePagination({
 // src/data-table/TableViewTabs.tsx
 import { useEffect as useEffect6, useRef as useRef6, useState as useState8 } from "react";
 import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
-function TableViewTabs({ tabs, activeId, onSelect, onAdd, onClose, onRename, related, editingId, onEditCancel, onEditDone, closable = true, addHint = "New view from the current one \xB7 double-click a tab to rename", renameable = true }) {
+function TableViewTabs({ tabs, activeId, onSelect, onAdd, onClose, onRename, related, editingId, onEditCancel, onEditDone, closable = true, closeLabel = "Close", addHint = "New view from the current one \xB7 double-click a tab to rename", renameable = true }) {
   const [renaming, setRenaming] = useState8(null);
   const [draft, setDraft] = useState8("");
   const opened = useRef6(null);
@@ -36929,9 +36929,9 @@ function TableViewTabs({ tabs, activeId, onSelect, onAdd, onClose, onRename, rel
         canClose(tab.id) && /* @__PURE__ */ jsxs16(Tooltip, { children: [
           /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24("button", { type: "button", "aria-hidden": "true", tabIndex: -1, "data-close-tab": tab.id, onClick: () => onClose(tab.id), className: "flex size-7 items-center justify-center rounded hover:bg-muted", children: /* @__PURE__ */ jsx24(X, { className: "size-4" }) }) }),
           /* @__PURE__ */ jsxs16(TooltipContent, { children: [
-            "Close ",
-            tab.label,
-            " (Delete)"
+            closeLabel,
+            " ",
+            tab.label
           ] })
         ] })
       ] }, tab.id)) }),
@@ -51450,6 +51450,7 @@ function MatrxDataTableCore(coreProps) {
       sort
     ]
   );
+  const declaredDefaultSort = urlState ? urlState.defaultSort ?? null : defaultSort;
   const declaredDefaultViewSnapshot = useMemo11(
     () => defaultViewSnapshot ?? {
       __kind: "matrx-table-view",
@@ -51459,14 +51460,14 @@ function MatrxDataTableCore(coreProps) {
         search: "",
         anyOf: "",
         columnFilters: {},
-        sort: defaultSort
+        sort: declaredDefaultSort
       },
       columns: {
         order: columns.map(columnId),
         hidden: columns.filter((column) => column.hidden).map(columnId)
       }
     },
-    [columns, defaultPageSize, defaultSort, defaultViewSnapshot]
+    [columns, defaultPageSize, declaredDefaultSort, defaultViewSnapshot]
   );
   const applySavedView = useCallback10(
     (rawSnapshot) => {
@@ -54172,14 +54173,17 @@ function SavedViewsControl({
   onReload,
   presentation = "menu",
   onRename,
+  onRemove,
   related
 }) {
   const unsavedChangesId = useId4();
   const [saveOpen, setSaveOpen] = useState27(false);
   const [name, setName] = useState27("");
   const [saving, setSaving] = useState27(false);
+  const [removing, setRemoving] = useState27(false);
   const [actionError, setActionError] = useState27(null);
   const [pendingSelect, setPendingSelect] = useState27(void 0);
+  const [pendingRemove, setPendingRemove] = useState27(null);
   const visibleError = actionError ?? error;
   const select = (id) => {
     if (id === activeId) return;
@@ -54228,6 +54232,25 @@ function SavedViewsControl({
       setSaving(false);
     }
   };
+  const requestRemove = (id) => {
+    const view = views.find((candidate) => candidate.id === id);
+    if (!view || !onRemove) return;
+    setActionError(null);
+    setPendingRemove({ id: view.id, name: view.name });
+  };
+  const remove = async () => {
+    if (!pendingRemove || !onRemove) return;
+    setRemoving(true);
+    setActionError(null);
+    try {
+      await onRemove(pendingRemove.id);
+      setPendingRemove(null);
+    } catch (cause) {
+      setActionError(cause instanceof Error ? cause.message : String(cause));
+    } finally {
+      setRemoving(false);
+    }
+  };
   const activeName = activeId ? views.find((view) => view.id === activeId)?.name : void 0;
   return /* @__PURE__ */ jsxs42("div", { className: "flex min-w-0 flex-wrap items-center gap-1", "data-matrx-table-saved-views": true, children: [
     presentation === "tabs" ? /* @__PURE__ */ jsxs42(Fragment13, { children: [
@@ -54241,12 +54264,12 @@ function SavedViewsControl({
             setActionError(null);
             setSaveOpen(true);
           },
-          onClose: () => {
-          },
+          onClose: requestRemove,
           onRename: (id, label) => {
             if (onRename) void Promise.resolve(onRename(id, label)).catch((cause) => setActionError(cause instanceof Error ? cause.message : String(cause)));
           },
-          closable: false,
+          closable: Boolean(onRemove),
+          closeLabel: "Delete saved view",
           renameable: Boolean(onRename),
           addHint: "Save a named view to your account",
           related
@@ -54287,6 +54310,7 @@ function SavedViewsControl({
           setSaveOpen(true);
         }, children: "Save current view\u2026" }),
         activeId && onUpdate ? /* @__PURE__ */ jsx53(DropdownMenuItem, { disabled: saving, onSelect: () => void update(), children: "Update current view" }) : null,
+        activeId && onRemove ? /* @__PURE__ */ jsx53(DropdownMenuItem, { disabled: saving || removing, onSelect: () => requestRemove(activeId), children: "Delete current view\u2026" }) : null,
         onReload ? /* @__PURE__ */ jsx53(DropdownMenuItem, { disabled: saving || loading, onSelect: () => void reload(), children: "Reload views" }) : null
       ] })
     ] }),
@@ -54294,7 +54318,7 @@ function SavedViewsControl({
       "This table view has unsaved changes. ",
       presentation === "tabs" ? onUpdate ? "Use Save changes to update it." : "Use Save as view to keep it." : "Open the view menu to save or update it."
     ] }) : null,
-    visibleError && !saveOpen ? /* @__PURE__ */ jsx53(ErrorBox, { className: "basis-full break-words text-xs text-destructive", message: visibleError, operation: "Load or save a saved view", origin: "design-system/SavedViewsControl" }) : null,
+    visibleError && !saveOpen && !pendingRemove ? /* @__PURE__ */ jsx53(ErrorBox, { className: "basis-full break-words text-xs text-destructive", message: visibleError, operation: "Load or save a saved view", origin: "design-system/SavedViewsControl" }) : null,
     /* @__PURE__ */ jsx53(Dialog, { open: saveOpen, onOpenChange: setSaveOpen, children: /* @__PURE__ */ jsxs42(DialogContent, { children: [
       /* @__PURE__ */ jsx53(DialogHeader, { children: /* @__PURE__ */ jsx53(DialogTitle, { children: "Save current view" }) }),
       visibleError ? /* @__PURE__ */ jsx53(ErrorBox, { className: "text-sm text-destructive", message: visibleError, operation: "Save a view", origin: "design-system/SavedViewsControl" }) : null,
@@ -54308,7 +54332,7 @@ function SavedViewsControl({
       if (!open) setPendingSelect(void 0);
     }, children: /* @__PURE__ */ jsxs42(DialogContent, { children: [
       /* @__PURE__ */ jsx53(DialogHeader, { children: /* @__PURE__ */ jsx53(DialogTitle, { children: "Unsaved view changes" }) }),
-      /* @__PURE__ */ jsx53("p", { className: "text-sm text-muted-foreground", children: "Switching views will discard the changes you have not saved." }),
+      /* @__PURE__ */ jsx53(DialogDescription, { children: "Switching views will discard the changes you have not saved." }),
       /* @__PURE__ */ jsxs42(DialogFooter, { children: [
         /* @__PURE__ */ jsx53(Button, { type: "button", variant: "outline", onClick: () => setPendingSelect(void 0), children: "Stay on this view" }),
         /* @__PURE__ */ jsx53(Button, { type: "button", onClick: () => {
@@ -54317,6 +54341,25 @@ function SavedViewsControl({
           if (next !== void 0) onSelect(next);
         }, children: "Discard changes and switch" })
       ] })
+    ] }) }),
+    /* @__PURE__ */ jsx53(Dialog, { open: pendingRemove !== null, onOpenChange: (open) => {
+      if (!open && !removing) setPendingRemove(null);
+    }, children: /* @__PURE__ */ jsxs42(DialogContent, { children: [
+      /* @__PURE__ */ jsx53(DialogHeader, { children: /* @__PURE__ */ jsxs42(DialogTitle, { children: [
+        "Delete ",
+        pendingRemove ? `\u201C${pendingRemove.name}\u201D` : "saved view",
+        "?"
+      ] }) }),
+      actionError ? /* @__PURE__ */ jsx53(ErrorBox, { className: "text-sm text-destructive", message: actionError, operation: "Delete a saved view", origin: "design-system/SavedViewsControl" }) : null,
+      /* @__PURE__ */ jsxs42(DialogDescription, { children: [
+        "This removes the saved view from your account",
+        activeId === pendingRemove?.id && dirty ? " and discards its unsaved layout changes" : "",
+        "."
+      ] }),
+      /* @__PURE__ */ jsxs42(DialogFooter, { children: [
+        /* @__PURE__ */ jsx53(Button, { type: "button", variant: "outline", disabled: removing, onClick: () => setPendingRemove(null), children: "Cancel" }),
+        /* @__PURE__ */ jsx53(Button, { type: "button", variant: "destructive", disabled: removing, onClick: () => void remove(), children: removing ? "Deleting\u2026" : "Delete view" })
+      ] })
     ] }) })
   ] });
 }