@vritti/quantum-ui 0.3.9 → 0.3.12

package/dist/{cells.js → useDataTable.js}

@@ -1,14 +1,17 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { c as cn } from './utils.js';
 import { S as Skeleton } from './Skeleton.js';
+import { a as useFormatters } from './useFormatters.js';
 import { a as useDialog, u as useConfirm } from './useConfirm.js';
 import { B as Button } from './Button.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 { b as usePermissionGate, l as lockedTip, u as usePermission, a as PermissionLockIcon } from './PermissionGate.js';
+import { A as ArrowDown, a as ArrowUp, I as Inbox, S as Settings, C as ChevronsLeft, b as ChevronsRight, c as Columns2, P as Pin, E as EllipsisVertical, F as FileUp, d as FilePlusCorner, R as RefreshCw, e as Equal, f as ArrowLeft, B as BookmarkPlus, L as LayoutList, g as Settings2, h as Funnel, i as ArrowUpFromLine, j as ArrowDownToLine, T as TableProperties } from './table-properties.js';
 import { useMutation, useQueryClient, useQuery } from '@tanstack/react-query';
 import * as React from 'react';
 import React__default, { useRef, Children, isValidElement, cloneElement, useMemo, useState, useEffect, forwardRef, useCallback, useLayoutEffect } from 'react';
+import { EMPTY_TABLE_STATE } from './types/table-filter.js';
 import { axios } from './utils/axios.js';
 import { E as Empty } from './Empty.js';
 import { b as SortableList, a as SortableItem } from './Sortable.js';
@@ -23,7 +26,7 @@ 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';
-import { a as ChevronLeft } from './calendar2.js';
+import { C as ChevronLeft } from './chevron-left.js';
 import { I as Input } from './Input.js';
 import { C as ChevronRight } from './chevron-right.js';
 import { C as Check } from './check.js';
@@ -42,354 +45,6 @@ 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';
-import { a as useFormatters } from './useFormatters.js';
-
-/**
- * @license lucide-react v0.562.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$k = [
-  ["path", { d: "M12 17V3", key: "1cwfxf" }],
-  ["path", { d: "m6 11 6 6 6-6", key: "12ii2o" }],
-  ["path", { d: "M19 21H5", key: "150jfl" }]
-];
-const ArrowDownToLine = createLucideIcon("arrow-down-to-line", __iconNode$k);
-
-/**
- * @license lucide-react v0.562.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$j = [
-  ["path", { d: "M12 5v14", key: "s699le" }],
-  ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
-];
-const ArrowDown = createLucideIcon("arrow-down", __iconNode$j);
-
-/**
- * @license lucide-react v0.562.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$i = [
-  ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
-  ["path", { d: "M19 12H5", key: "x3x0zl" }]
-];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$i);
-
-/**
- * @license lucide-react v0.562.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$h = [
-  ["path", { d: "m18 9-6-6-6 6", key: "kcunyi" }],
-  ["path", { d: "M12 3v14", key: "7cf3v8" }],
-  ["path", { d: "M5 21h14", key: "11awu3" }]
-];
-const ArrowUpFromLine = createLucideIcon("arrow-up-from-line", __iconNode$h);
-
-/**
- * @license lucide-react v0.562.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$g = [
-  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
-  ["path", { d: "M12 19V5", key: "x0mq9r" }]
-];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$g);
-
-/**
- * @license lucide-react v0.562.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$f = [
-  ["path", { d: "m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z", key: "1fy3hk" }],
-  ["line", { x1: "12", x2: "12", y1: "7", y2: "13", key: "1cppfj" }],
-  ["line", { x1: "15", x2: "9", y1: "10", y2: "10", key: "1gty7f" }]
-];
-const BookmarkPlus = createLucideIcon("bookmark-plus", __iconNode$f);
-
-/**
- * @license lucide-react v0.562.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$e = [
-  ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
-  ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
-];
-const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$e);
-
-/**
- * @license lucide-react v0.562.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$d = [
-  ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
-  ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
-];
-const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$d);
-
-/**
- * @license lucide-react v0.562.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$c = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
-  ["path", { d: "M12 3v18", key: "108xh3" }]
-];
-const Columns2 = createLucideIcon("columns-2", __iconNode$c);
-
-/**
- * @license lucide-react v0.562.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$b = [
-  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
-  ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
-  ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
-];
-const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$b);
-
-/**
- * @license lucide-react v0.562.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$a = [
-  ["line", { x1: "5", x2: "19", y1: "9", y2: "9", key: "1nwqeh" }],
-  ["line", { x1: "5", x2: "19", y1: "15", y2: "15", key: "g8yjpy" }]
-];
-const Equal = createLucideIcon("equal", __iconNode$a);
-
-/**
- * @license lucide-react v0.562.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$9 = [
-  [
-    "path",
-    {
-      d: "M11.35 22H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v5.35",
-      key: "17jvcc"
-    }
-  ],
-  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
-  ["path", { d: "M14 19h6", key: "bvotb8" }],
-  ["path", { d: "M17 16v6", key: "18yu1i" }]
-];
-const FilePlusCorner = createLucideIcon("file-plus-corner", __iconNode$9);
-
-/**
- * @license lucide-react v0.562.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$8 = [
-  [
-    "path",
-    {
-      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
-      key: "1oefj6"
-    }
-  ],
-  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
-  ["path", { d: "M12 12v6", key: "3ahymv" }],
-  ["path", { d: "m15 15-3-3-3 3", key: "15xj92" }]
-];
-const FileUp = createLucideIcon("file-up", __iconNode$8);
-
-/**
- * @license lucide-react v0.562.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$7 = [
-  [
-    "path",
-    {
-      d: "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z",
-      key: "sc7q7i"
-    }
-  ]
-];
-const Funnel = createLucideIcon("funnel", __iconNode$7);
-
-/**
- * @license lucide-react v0.562.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$6 = [
-  ["polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12", key: "o97t9d" }],
-  [
-    "path",
-    {
-      d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",
-      key: "oot6mr"
-    }
-  ]
-];
-const Inbox = createLucideIcon("inbox", __iconNode$6);
-
-/**
- * @license lucide-react v0.562.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$5 = [
-  ["rect", { width: "7", height: "7", x: "3", y: "3", rx: "1", key: "1g98yp" }],
-  ["rect", { width: "7", height: "7", x: "3", y: "14", rx: "1", key: "1bb6yr" }],
-  ["path", { d: "M14 4h7", key: "3xa0d5" }],
-  ["path", { d: "M14 9h7", key: "1icrd9" }],
-  ["path", { d: "M14 15h7", key: "1mj8o2" }],
-  ["path", { d: "M14 20h7", key: "11slyb" }]
-];
-const LayoutList = createLucideIcon("layout-list", __iconNode$5);
-
-/**
- * @license lucide-react v0.562.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$4 = [
-  ["path", { d: "M12 17v5", key: "bb1du9" }],
-  [
-    "path",
-    {
-      d: "M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z",
-      key: "1nkz8b"
-    }
-  ]
-];
-const Pin = createLucideIcon("pin", __iconNode$4);
-
-/**
- * @license lucide-react v0.562.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$3 = [
-  ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
-  ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
-  ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
-  ["path", { d: "M8 16H3v5", key: "1cv678" }]
-];
-const RefreshCw = createLucideIcon("refresh-cw", __iconNode$3);
-
-/**
- * @license lucide-react v0.562.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$2 = [
-  [
-    "path",
-    {
-      d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
-      key: "1i5ecw"
-    }
-  ],
-  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-];
-const Settings = createLucideIcon("settings", __iconNode$2);
-
-/**
- * @license lucide-react v0.562.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$1 = [
-  ["path", { d: "M14 17H5", key: "gfn3mx" }],
-  ["path", { d: "M19 7h-9", key: "6i9tg" }],
-  ["circle", { cx: "17", cy: "17", r: "3", key: "18b49y" }],
-  ["circle", { cx: "7", cy: "7", r: "3", key: "dfmy0x" }]
-];
-const Settings2 = createLucideIcon("settings-2", __iconNode$1);
-
-/**
- * @license lucide-react v0.562.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode = [
-  ["path", { d: "M15 3v18", key: "14nvp0" }],
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
-  ["path", { d: "M21 9H3", key: "1338ky" }],
-  ["path", { d: "M21 15H3", key: "9uk58r" }]
-];
-const TableProperties = createLucideIcon("table-properties", __iconNode);
 
 const DEFAULT_COLUMNS = [
   { headerWidth: "w-20", cellWidth: "w-28" },
@@ -436,6 +91,35 @@ const CompactTableSkeleton = ({
   ] }) });
 };
 
+const StringCell = ({ value, mono, className }) => {
+  const fmt = useFormatters();
+  const { primary } = fmt.string(value);
+  return /* @__PURE__ */ jsx("span", { className: [mono ? "font-mono" : "", className].filter(Boolean).join(" ") || void 0, children: primary });
+};
+const NumberCell = ({ value, fractionDigits, className }) => {
+  const fmt = useFormatters();
+  const { primary } = fmt.number(value, { fractionDigits });
+  return /* @__PURE__ */ jsx("span", { className: ["font-mono", className].filter(Boolean).join(" "), children: primary });
+};
+const CurrencyCell = ({ value, exchangeRate, className }) => {
+  const fmt = useFormatters();
+  const { primary, secondary } = fmt.currency(value, { exchangeRate });
+  return /* @__PURE__ */ jsxs("span", { className: ["font-mono", className].filter(Boolean).join(" "), children: [
+    primary,
+    secondary && /* @__PURE__ */ jsx("span", { className: "ml-1 text-xs text-muted-foreground", children: secondary })
+  ] });
+};
+const DateCell = ({ value, className }) => {
+  const fmt = useFormatters();
+  const { primary } = fmt.date(value);
+  return /* @__PURE__ */ jsx("span", { className, children: primary });
+};
+const DateTimeCell = ({ value, timeZone, className }) => {
+  const fmt = useFormatters();
+  const { primary } = fmt.dateTime(value, { timeZone });
+  return /* @__PURE__ */ jsx("span", { className, children: primary });
+};
+
 function DataTableColumnHeader({
   column,
   title,
@@ -1131,21 +815,6 @@ const createImpl = (createState) => {
 };
 const create = ((createState) => createState ? createImpl(createState) : createImpl);
 
-const EMPTY_TABLE_STATE = {
-  filters: [],
-  sort: [],
-  columnVisibility: {},
-  columnOrder: [],
-  columnSizing: {},
-  columnPinning: { left: [], right: [] },
-  lockedColumnSizing: false,
-  density: "normal",
-  filterOrder: [],
-  filterVisibility: {},
-  search: null,
-  pagination: { limit: 20, offset: 0 }
-};
-
 const MAX_TABLES = 20;
 function viewStatesEqual(a, b) {
   return deepEqual(a, b);
@@ -17817,7 +17486,9 @@ function DataTableSelectionBar({
   table,
   children,
   className,
-  importExport
+  importExport,
+  exportHidden,
+  exportLockTip
 }) {
   const meta = table.options.meta;
   const selectedRows = table.getFilteredSelectedRowModel().rows;
@@ -17836,7 +17507,18 @@ function DataTableSelectionBar({
       " selected"
     ] }),
     children,
-    /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-2", children: importExport ? /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-2", children: exportHidden ? null : exportLockTip ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        className: "h-8 text-sm",
+        disabled: true,
+        disabledTip: exportLockTip,
+        startAdornment: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" }),
+        children: "Export"
+      }
+    ) : importExport ? /* @__PURE__ */ jsx(
       DropdownMenu,
       {
         trigger: { label: "Export", variant: "outline", icon: Download, className: "h-8 text-sm" },
@@ -18033,6 +17715,7 @@ const DirectAction = ({ action, disabledAll }) => {
             size: "icon",
             className: `size-7 ${destructiveClass}`,
             disabled: disabledAll || action.disabled,
+            disabledTip: action.lockTip,
             onClick: open,
             "aria-label": action.label,
             children: /* @__PURE__ */ jsx(Icon, { className: "size-4" })
@@ -18049,6 +17732,7 @@ const DirectAction = ({ action, disabledAll }) => {
       size: "icon",
       className: `size-7 ${destructiveClass}`,
       disabled: disabledAll || action.disabled,
+      disabledTip: action.lockTip,
       onClick: action.onClick,
       "aria-label": action.label,
       children: /* @__PURE__ */ jsx(Icon, { className: "size-4" })
@@ -18080,7 +17764,15 @@ function toDropdownItems(actions, disabledAll) {
   });
 }
 const RowActions = ({ actions, disabledAll }) => {
-  const visible = actions.filter((a) => !a.hidden);
+  const gate = usePermissionGate();
+  const resolved = actions.map((action) => {
+    if (!action.permission) return action;
+    const result = gate(action.permission);
+    if (!result.granted) return { ...action, hidden: true };
+    if (result.locked) return { ...action, disabled: true, lockTip: lockedTip(result) };
+    return action;
+  });
+  const visible = resolved.filter((a) => !a.hidden);
   if (visible.length === 0) return null;
   if (visible.length === 1) {
     return /* @__PURE__ */ jsx(DirectAction, { action: visible[0], disabledAll });
@@ -22136,10 +21828,14 @@ function DataTable({
   importExport,
   mode = "page",
   onRowClick,
-  selectedRowId
+  selectedRowId,
+  permission
 }) {
   const [filtersOpen, setFiltersOpen] = useState(false);
   const importDialog = useDialog();
+  const tableGate = usePermission(permission);
+  const importGate = usePermission(importExport?.importPermission);
+  const exportGate = usePermission(importExport?.exportPermission);
   const meta = table.options.meta;
   const slug = meta?.slug;
   const appliedFilterCount = useDataTableStore((s) => slug ? s.tables[slug]?.activeState?.filters?.length ?? 0 : 0);
@@ -22148,7 +21844,9 @@ function DataTable({
   const density = meta?.density ?? "normal";
   const columnCount = table.getAllColumns().length;
   const visibilityEnabled = table.options.enableHiding !== false;
-  const showToolbar = searchConfig || visibilityEnabled || toolbarActions || filters || enableViews && slug || importExport;
+  const showImport = !!importExport && importGate.granted;
+  const showExport = !!importExport && exportGate.granted;
+  const showToolbar = searchConfig || visibilityEnabled || toolbarActions || filters || enableViews && slug || showImport || showExport;
   const search = meta?.search ?? null;
   const hasActiveView = !!activeViewId;
   const hasActiveFilters = hasActiveView ? !!meta?.isFiltersDirty : appliedFilterCount > 0;
@@ -22171,6 +21869,22 @@ function DataTable({
       downloadBlob(response.data, `${importExport.filename}.${format}`);
     }
   });
+  if (!tableGate.granted) {
+    return null;
+  }
+  if (tableGate.locked) {
+    return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-2", className), children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex flex-col items-center justify-center gap-2 rounded-lg border text-center",
+        style: { height: MODE_HEIGHTS[mode] },
+        children: [
+          /* @__PURE__ */ jsx(PermissionLockIcon, { reason: tableGate.reason, className: "size-6" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: lockedTip(tableGate) })
+        ]
+      }
+    ) });
+  }
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
     showToolbar && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
       /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1", children: enableViews && slug && /* @__PURE__ */ jsx(DataTableViewTabs, { slug }) }),
@@ -22201,63 +21915,68 @@ function DataTable({
         visibilityEnabled && /* @__PURE__ */ jsx(DataTableViewOptions, { table }),
         /* @__PURE__ */ jsx(DataTableRowDensity, { table }),
         enableViews && slug && /* @__PURE__ */ jsx(DataTableViewsMenu, { slug }),
-        importExport && /* @__PURE__ */ jsx(
+        (showImport || showExport) && /* @__PURE__ */ jsx(
           DropdownMenu,
           {
             trigger: {
               children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", className: "h-8 w-8 p-0", "aria-label": "Import / Export", children: /* @__PURE__ */ jsx(TableProperties, { className: "h-4 w-4" }) })
             },
             items: [
-              {
-                type: "item",
-                id: "import",
-                label: "Import",
-                icon: ArrowUpFromLine,
-                onClick: importDialog.open
-              },
-              {
-                type: "sub",
-                id: "export",
-                label: "Export All",
-                icon: ArrowDownToLine,
-                items: [
-                  {
-                    type: "item",
-                    id: "csv",
-                    label: "CSV (.csv)",
-                    disabled: exportMutation.isPending,
-                    onClick: () => exportMutation.mutate("csv")
-                  },
-                  {
-                    type: "item",
-                    id: "xlsx",
-                    label: "Excel (.xlsx)",
-                    disabled: exportMutation.isPending,
-                    onClick: () => exportMutation.mutate("xlsx")
-                  },
-                  {
-                    type: "item",
-                    id: "xls",
-                    label: "Excel 97-2004 (.xls)",
-                    disabled: exportMutation.isPending,
-                    onClick: () => exportMutation.mutate("xls")
-                  },
-                  {
-                    type: "item",
-                    id: "ods",
-                    label: "OpenDocument (.ods)",
-                    disabled: exportMutation.isPending,
-                    onClick: () => exportMutation.mutate("ods")
-                  },
-                  {
-                    type: "item",
-                    id: "tsv",
-                    label: "TSV (.tsv)",
-                    disabled: exportMutation.isPending,
-                    onClick: () => exportMutation.mutate("tsv")
-                  }
-                ]
-              }
+              ...showImport ? [
+                {
+                  type: "item",
+                  id: "import",
+                  label: "Import",
+                  icon: ArrowUpFromLine,
+                  disabled: importGate.locked,
+                  onClick: importDialog.open
+                }
+              ] : [],
+              ...showExport ? [
+                {
+                  type: "sub",
+                  id: "export",
+                  label: "Export All",
+                  icon: ArrowDownToLine,
+                  items: [
+                    {
+                      type: "item",
+                      id: "csv",
+                      label: "CSV (.csv)",
+                      disabled: exportMutation.isPending || exportGate.locked,
+                      onClick: () => exportMutation.mutate("csv")
+                    },
+                    {
+                      type: "item",
+                      id: "xlsx",
+                      label: "Excel (.xlsx)",
+                      disabled: exportMutation.isPending || exportGate.locked,
+                      onClick: () => exportMutation.mutate("xlsx")
+                    },
+                    {
+                      type: "item",
+                      id: "xls",
+                      label: "Excel 97-2004 (.xls)",
+                      disabled: exportMutation.isPending || exportGate.locked,
+                      onClick: () => exportMutation.mutate("xls")
+                    },
+                    {
+                      type: "item",
+                      id: "ods",
+                      label: "OpenDocument (.ods)",
+                      disabled: exportMutation.isPending || exportGate.locked,
+                      onClick: () => exportMutation.mutate("ods")
+                    },
+                    {
+                      type: "item",
+                      id: "tsv",
+                      label: "TSV (.tsv)",
+                      disabled: exportMutation.isPending || exportGate.locked,
+                      onClick: () => exportMutation.mutate("tsv")
+                    }
+                  ]
+                }
+              ] : []
             ]
           }
         ),
@@ -22273,7 +21992,16 @@ function DataTable({
           animate: { height: "auto", opacity: 1 },
           exit: { height: 0, opacity: 0 },
           transition: { duration: 0.3, ease: [0.4, 0, 0.2, 1] },
-          children: /* @__PURE__ */ jsx(DataTableSelectionBar, { table, importExport, children: selectActions?.(table.getFilteredSelectedRowModel().rows) })
+          children: /* @__PURE__ */ jsx(
+            DataTableSelectionBar,
+            {
+              table,
+              importExport,
+              exportHidden: !exportGate.granted,
+              exportLockTip: exportGate.locked ? lockedTip(exportGate) : void 0,
+              children: selectActions?.(table.getFilteredSelectedRowModel().rows)
+            }
+          )
         },
         "selection"
       ) : filters && filtersOpen ? /* @__PURE__ */ jsx(
@@ -22407,7 +22135,7 @@ function DataTable({
       ] })
     ] }),
     (mode !== "compact" || table.getRowCount() > (table.getState().pagination?.pageSize ?? 20)) && /* @__PURE__ */ jsx(DataTablePagination, { table }),
-    importExport && /* @__PURE__ */ jsx(
+    importExport && showImport && /* @__PURE__ */ jsx(
       DataTableImportDialog,
       {
         handle: importDialog,
@@ -22662,34 +22390,5 @@ function useDataTable({
   return { table };
 }
 
-const StringCell = ({ value, mono, className }) => {
-  const fmt = useFormatters();
-  const { primary } = fmt.string(value);
-  return /* @__PURE__ */ jsx("span", { className: [mono ? "font-mono" : "", className].filter(Boolean).join(" ") || void 0, children: primary });
-};
-const NumberCell = ({ value, fractionDigits, className }) => {
-  const fmt = useFormatters();
-  const { primary } = fmt.number(value, { fractionDigits });
-  return /* @__PURE__ */ jsx("span", { className: ["font-mono", className].filter(Boolean).join(" "), children: primary });
-};
-const CurrencyCell = ({ value, exchangeRate, className }) => {
-  const fmt = useFormatters();
-  const { primary, secondary } = fmt.currency(value, { exchangeRate });
-  return /* @__PURE__ */ jsxs("span", { className: ["font-mono", className].filter(Boolean).join(" "), children: [
-    primary,
-    secondary && /* @__PURE__ */ jsx("span", { className: "ml-1 text-xs text-muted-foreground", children: secondary })
-  ] });
-};
-const DateCell = ({ value, className }) => {
-  const fmt = useFormatters();
-  const { primary } = fmt.date(value);
-  return /* @__PURE__ */ jsx("span", { className, children: primary });
-};
-const DateTimeCell = ({ value, timeZone, className }) => {
-  const fmt = useFormatters();
-  const { primary } = fmt.dateTime(value, { timeZone });
-  return /* @__PURE__ */ jsx("span", { className, children: primary });
-};
-
 export { CompactTableSkeleton as C, DataTable as D, NumberCell as N, RowActions as R, StringCell as S, CurrencyCell as a, DataTableColumnHeader as b, DataTableEmpty as c, DataTableFilters as d, DataTablePagination as e, DataTableRowDensity as f, DataTableSearch as g, DataTableSelectionBar as h, DataTableViewOptions as i, DateCell as j, DateTimeCell as k, exportToCSV as l, getSelectionColumn as m, useDataTableStore as n, useDataTable as u };
-//# sourceMappingURL=cells.js.map
+//# sourceMappingURL=useDataTable.js.map