@vritti/quantum-ui 0.3.6 → 0.3.7

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" })
+            ] })
+          ]
+        }
+      )
     }
   );
 }
@@ -21799,6 +21826,7 @@ function ManageViewsDialog({ tableSlug, open, onClose }) {
     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" }),
@@ -22027,6 +22055,7 @@ function DataTableViewTabs({ slug }) {
       Dialog,
       {
         handle: dirtyGuard,
+        icon: TriangleAlert,
         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: [