@vritti/quantum-ui 0.3.6 → 0.3.8

package/dist/cells.js

@@ -3,7 +3,7 @@ import { c as cn } from './utils.js';
 import { S as Skeleton } from './Skeleton.js';
 import { a as useDialog, u as useConfirm } from './useConfirm.js';
 import { B as Button } from './Button.js';
-import { D as Dialog } from './Dialog.js';
+import { D as Dialog, a as DialogActions } from './Dialog.js';
 import { D as DropdownMenu } from './DropdownMenu.js';
 import { c as createLucideIcon } from './createLucideIcon.js';
 import { useMutation, useQueryClient, useQuery } from '@tanstack/react-query';
@@ -19,6 +19,7 @@ import { a as Eye, E as EyeOff } from './eye.js';
 import { B as Badge } from './Badge.js';
 import { F as Form } from './Form.js';
 import { U as UploadFile } from './UploadFile.js';
+import { U as Upload } from './upload.js';
 import { T as TextAlignJustify, D as Download } from './text-align-justify.js';
 import { C as CircleCheck } from './circle-check.js';
 import { S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem } from './select2.js';
@@ -36,7 +37,8 @@ import { a as Switch } from './Switch.js';
 import { a, o as object, s as string } from './schemas.js';
 import { T as TextField } from './TextField.js';
 import { S as Save, a as Share2 } from './share-2.js';
-import { P as Pencil, T as Trash2 } from './trash-2.js';
+import { P as Pencil, a as Plus, T as Trash2 } from './trash-2.js';
+import { T as TriangleAlert } from './triangle-alert.js';
 import { pluralize } from './utils/pluralize.js';
 import { C as Checkbox } from './Checkbox.js';
 import { g as getConfig } from './index7.js';
@@ -18018,6 +18020,8 @@ const DirectAction = ({ action, disabledAll }) => {
       Dialog,
       {
         handle: dialog,
+        icon: action.icon,
+        iconVariant: action.variant === "destructive" ? "destructive" : "default",
         title: action.dialog.title,
         description: action.dialog.description,
         badgeSlot: action.dialog.badgeSlot,
@@ -21627,6 +21631,7 @@ function DataTableImportDialog({
     Dialog,
     {
       handle: dialogHandle,
+      icon: Upload,
       title,
       description,
       className: !isUploadStep && result && !result.success ? "max-w-3xl" : void 0,
@@ -21707,19 +21712,30 @@ function CreateViewDialog({ tableSlug, open, onClose }) {
   return /* @__PURE__ */ jsx(
     Dialog,
     {
-      mode: "form",
       handle,
+      icon: Plus,
       title: "Create New View",
       description: "Save the current filters and sort as a named view.",
-      form,
-      mutation: mut,
-      transformSubmit: (data) => ({
-        name: data.name.trim(),
-        tableSlug,
-        state: useDataTableStore.getState().tables[tableSlug]?.activeState ?? EMPTY_TABLE_STATE
-      }),
-      submitLabel: "Save",
-      children: /* @__PURE__ */ jsx(TextField, { name: "name", label: "View name", placeholder: "e.g. High Region Providers" })
+      content: (close) => /* @__PURE__ */ jsxs(
+        Form,
+        {
+          form,
+          mutation: mut,
+          className: "space-y-4",
+          transformSubmit: (data) => ({
+            name: data.name.trim(),
+            tableSlug,
+            state: useDataTableStore.getState().tables[tableSlug]?.activeState ?? EMPTY_TABLE_STATE
+          }),
+          children: [
+            /* @__PURE__ */ jsx(TextField, { name: "name", label: "View name", placeholder: "e.g. High Region Providers" }),
+            /* @__PURE__ */ jsxs(DialogActions, { children: [
+              /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: close, children: "Cancel" }),
+              /* @__PURE__ */ jsx(Button, { type: "submit", loadingText: "Saving...", children: "Save" })
+            ] })
+          ]
+        }
+      )
     }
   );
 }
@@ -21749,18 +21765,29 @@ function RenameViewDialog({ tableSlug, open, onClose, initialName }) {
   return /* @__PURE__ */ jsx(
     Dialog,
     {
-      mode: "form",
       handle,
+      icon: Pencil,
       title: "Rename View",
       description: `Change the name of "${initialName}".`,
-      form,
-      mutation: mut,
-      transformSubmit: (data) => ({
-        id: activeViewId ?? "",
-        name: data.name.trim()
-      }),
-      submitLabel: "Rename",
-      children: /* @__PURE__ */ jsx(TextField, { name: "name", label: "View name" })
+      content: (close) => /* @__PURE__ */ jsxs(
+        Form,
+        {
+          form,
+          mutation: mut,
+          className: "space-y-4",
+          transformSubmit: (data) => ({
+            id: activeViewId ?? "",
+            name: data.name.trim()
+          }),
+          children: [
+            /* @__PURE__ */ jsx(TextField, { name: "name", label: "View name" }),
+            /* @__PURE__ */ jsxs(DialogActions, { children: [
+              /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: close, children: "Cancel" }),
+              /* @__PURE__ */ jsx(Button, { type: "submit", loadingText: "Saving...", children: "Rename" })
+            ] })
+          ]
+        }
+      )
     }
   );
 }
@@ -21795,52 +21822,55 @@ function ManageViewsDialog({ tableSlug, open, onClose }) {
       if (!v) onClose();
     }
   };
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     Dialog,
     {
       handle,
+      icon: Settings2,
       title: "Manage Views",
       description: "Share or delete saved views for this table.",
-      footer: /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, children: "Close" }),
-      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 py-2 max-h-64 overflow-y-auto", children: [
-        views.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground text-center py-4", children: "No saved views yet." }),
-        views.map((view) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded-md px-3 py-2 hover:bg-accent/50", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm truncate", children: view.name }),
-          view.isOwn && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "size-7 text-muted-foreground hover:text-foreground",
-                title: view.isShared ? "Make private" : "Share with everyone",
-                onClick: () => shareMut.mutate({ id: view.id, isShared: !view.isShared }),
-                disabled: shareMut.isPending,
-                children: view.isShared ? /* @__PURE__ */ jsx(EyeOff, { className: "size-4" }) : /* @__PURE__ */ jsx(Share2, { className: "size-4" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "size-7 text-destructive hover:text-destructive",
-                onClick: async () => {
-                  const confirmed = await confirm({
-                    title: `Delete "${view.name}"?`,
-                    description: "This view will be permanently removed.",
-                    confirmLabel: "Delete",
-                    variant: "destructive"
-                  });
-                  if (confirmed) deleteMut.mutate(view.id);
-                },
-                disabled: deleteMut.isPending,
-                children: /* @__PURE__ */ jsx(Trash2, { className: "size-4" })
-              }
-            )
-          ] })
-        ] }, view.id))
-      ] })
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex max-h-80 min-h-32 flex-col gap-1 overflow-y-auto py-1", children: [
+          views.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground text-center py-4", children: "No saved views yet." }),
+          views.map((view) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded-md px-3 py-2 hover:bg-accent/50", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm truncate", children: view.name }),
+            view.isOwn && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  className: "size-7 text-muted-foreground hover:text-foreground",
+                  title: view.isShared ? "Make private" : "Share with everyone",
+                  onClick: () => shareMut.mutate({ id: view.id, isShared: !view.isShared }),
+                  disabled: shareMut.isPending,
+                  children: view.isShared ? /* @__PURE__ */ jsx(EyeOff, { className: "size-4" }) : /* @__PURE__ */ jsx(Share2, { className: "size-4" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  className: "size-7 text-destructive hover:text-destructive",
+                  onClick: async () => {
+                    const confirmed = await confirm({
+                      title: `Delete "${view.name}"?`,
+                      description: "This view will be permanently removed.",
+                      confirmLabel: "Delete",
+                      variant: "destructive"
+                    });
+                    if (confirmed) deleteMut.mutate(view.id);
+                  },
+                  disabled: deleteMut.isPending,
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "size-4" })
+                }
+              )
+            ] })
+          ] }, view.id))
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "-mx-6 mt-4 flex flex-col-reverse gap-2 border-t px-6 pt-4 sm:flex-row sm:justify-end", children: /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, children: "Close" }) })
+      ]
     }
   );
 }
@@ -22027,9 +22057,11 @@ function DataTableViewTabs({ slug }) {
       Dialog,
       {
         handle: dirtyGuard,
+        icon: TriangleAlert,
+        iconVariant: "warning",
         title: "Unsaved Changes",
         description: "This view has unsaved changes. What would you like to do?",
-        footer: /* @__PURE__ */ jsxs("div", { className: "flex gap-2 justify-end w-full", children: [
+        children: /* @__PURE__ */ jsxs("div", { className: "flex gap-2 justify-end w-full", children: [
           /* @__PURE__ */ jsx(
             Button,
             {
@@ -22080,7 +22112,7 @@ const densityClasses = {
 };
 const MODE_HEIGHTS = {
   page: "calc(100vh - 280px)",
-  tab: "calc(100vh - 328px)",
+  tab: "calc(100vh - 320px)",
   compact: "calc(100vh - 570px)"
 };
 function buildNoResultsDescription(flags) {