@ai-matrx/design-system 0.49.22 → 0.49.24

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.49.24
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.49.23..npm/design-system/v0.49.24 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
+## 0.49.23
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.49.22..npm/design-system/v0.49.23 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
 ## 0.49.22
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/data-table/copy-helpers.d.cts

@@ -1,5 +1,5 @@
 import { AgentPayloadInput } from './copy-types.cjs';
-import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../layered-filters-BltsILT3.cjs';
+import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../layered-filters-frtWJUl5.cjs';
 import '../content-transfer.cjs';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/copy-helpers.d.ts

@@ -1,5 +1,5 @@
 import { AgentPayloadInput } from './copy-types.js';
-import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../layered-filters-DrGJ_nuG.js';
+import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../layered-filters-CKS15cIc.js';
 import '../content-transfer.js';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/filter-engine.d.cts

@@ -1,4 +1,4 @@
-import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../layered-filters-BltsILT3.cjs';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../layered-filters-frtWJUl5.cjs';
 import '../content-transfer.cjs';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/filter-engine.d.ts

@@ -1,4 +1,4 @@
-import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../layered-filters-DrGJ_nuG.js';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../layered-filters-CKS15cIc.js';
 import '../content-transfer.js';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ComponentType, ReactNode, MouseEventHandler } from 'react';
 import { CopyControlProps } from './copy-types.cjs';
 export { AgentPayloadInput, AiCustomSource, AiVariant, CopyExportConfig } from './copy-types.cjs';
-import { b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../layered-filters-BltsILT3.cjs';
+import { b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../layered-filters-frtWJUl5.cjs';
 import { MatrxTableMenuTarget, MatrxTableMenuPayload, MatrxTableMenuSectionsResolver, MatrxTableMenuIconName } from './menu-targets.cjs';
 export { MatrxTableMenuItem, MatrxTableMenuSection } from './menu-targets.cjs';
 import '../content-transfer.cjs';

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ComponentType, ReactNode, MouseEventHandler } from 'react';
 import { CopyControlProps } from './copy-types.js';
 export { AgentPayloadInput, AiCustomSource, AiVariant, CopyExportConfig } from './copy-types.js';
-import { b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../layered-filters-DrGJ_nuG.js';
+import { b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../layered-filters-CKS15cIc.js';
 import { MatrxTableMenuTarget, MatrxTableMenuPayload, MatrxTableMenuSectionsResolver, MatrxTableMenuIconName } from './menu-targets.js';
 export { MatrxTableMenuItem, MatrxTableMenuSection } from './menu-targets.js';
 import '../content-transfer.js';

package/dist/data-table/index.cjs

@@ -36974,7 +36974,7 @@ function GenericTablePagination({
 // src/data-table/TableViewTabs.tsx
 var import_react7 = require("react");
 var import_jsx_runtime24 = require("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] = (0, import_react7.useState)(null);
   const [draft, setDraft] = (0, import_react7.useState)("");
   const opened = (0, import_react7.useRef)(null);
@@ -37063,9 +37063,9 @@ function TableViewTabs({ tabs, activeId, onSelect, onAdd, onClose, onRename, rel
         canClose(tab.id) && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Tooltip, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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__ */ (0, import_jsx_runtime24.jsx)(X, { className: "size-4" }) }) }),
           /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(TooltipContent, { children: [
-            "Close ",
-            tab.label,
-            " (Delete)"
+            closeLabel,
+            " ",
+            tab.label
           ] })
         ] })
       ] }, tab.id)) }),
@@ -54214,14 +54214,17 @@ function SavedViewsControl({
   onReload,
   presentation = "menu",
   onRename,
+  onRemove,
   related
 }) {
   const unsavedChangesId = (0, import_react23.useId)();
   const [saveOpen, setSaveOpen] = (0, import_react23.useState)(false);
   const [name, setName] = (0, import_react23.useState)("");
   const [saving, setSaving] = (0, import_react23.useState)(false);
+  const [removing, setRemoving] = (0, import_react23.useState)(false);
   const [actionError, setActionError] = (0, import_react23.useState)(null);
   const [pendingSelect, setPendingSelect] = (0, import_react23.useState)(void 0);
+  const [pendingRemove, setPendingRemove] = (0, import_react23.useState)(null);
   const visibleError = actionError ?? error;
   const select = (id) => {
     if (id === activeId) return;
@@ -54270,6 +54273,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__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-1", "data-matrx-table-saved-views": true, children: [
     presentation === "tabs" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
@@ -54283,12 +54305,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
@@ -54329,6 +54351,7 @@ function SavedViewsControl({
           setSaveOpen(true);
         }, children: "Save current view\u2026" }),
         activeId && onUpdate ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DropdownMenuItem, { disabled: saving, onSelect: () => void update(), children: "Update current view" }) : null,
+        activeId && onRemove ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DropdownMenuItem, { disabled: saving || removing, onSelect: () => requestRemove(activeId), children: "Delete current view\u2026" }) : null,
         onReload ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DropdownMenuItem, { disabled: saving || loading, onSelect: () => void reload(), children: "Reload views" }) : null
       ] })
     ] }),
@@ -54336,7 +54359,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__ */ (0, import_jsx_runtime53.jsx)(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__ */ (0, import_jsx_runtime53.jsx)(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__ */ (0, import_jsx_runtime53.jsx)(Dialog, { open: saveOpen, onOpenChange: setSaveOpen, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(DialogContent, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DialogTitle, { children: "Save current view" }) }),
       visibleError ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ErrorBox, { className: "text-sm text-destructive", message: visibleError, operation: "Save a view", origin: "design-system/SavedViewsControl" }) : null,
@@ -54350,7 +54373,7 @@ function SavedViewsControl({
       if (!open) setPendingSelect(void 0);
     }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(DialogContent, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DialogTitle, { children: "Unsaved view changes" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-sm text-muted-foreground", children: "Switching views will discard the changes you have not saved." }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DialogDescription, { children: "Switching views will discard the changes you have not saved." }),
       /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(DialogFooter, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button, { type: "button", variant: "outline", onClick: () => setPendingSelect(void 0), children: "Stay on this view" }),
         /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button, { type: "button", onClick: () => {
@@ -54359,6 +54382,25 @@ function SavedViewsControl({
           if (next !== void 0) onSelect(next);
         }, children: "Discard changes and switch" })
       ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Dialog, { open: pendingRemove !== null, onOpenChange: (open) => {
+      if (!open && !removing) setPendingRemove(null);
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(DialogContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(DialogTitle, { children: [
+        "Delete ",
+        pendingRemove ? `\u201C${pendingRemove.name}\u201D` : "saved view",
+        "?"
+      ] }) }),
+      actionError ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ErrorBox, { className: "text-sm text-destructive", message: actionError, operation: "Delete a saved view", origin: "design-system/SavedViewsControl" }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(DialogDescription, { children: [
+        "This removes the saved view from your account",
+        activeId === pendingRemove?.id && dirty ? " and discards its unsaved layout changes" : "",
+        "."
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(DialogFooter, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button, { type: "button", variant: "outline", disabled: removing, onClick: () => setPendingRemove(null), children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button, { type: "button", variant: "destructive", disabled: removing, onClick: () => void remove(), children: removing ? "Deleting\u2026" : "Delete view" })
+      ] })
     ] }) })
   ] });
 }