@oneflowui/ui 0.8.1 → 0.8.3

package/dist/components/table/TableToolbar.vue2.js

@@ -1,24 +1,25 @@
-import { defineComponent as Q, computed as T, ref as i, onMounted as W, onUnmounted as X, openBlock as o, createElementBlock as n, Fragment as V, renderList as L, normalizeClass as m, createBlock as C, resolveDynamicComponent as Y, unref as w, createCommentVNode as s, createElementVNode as a, toDisplayString as g, withModifiers as d, createVNode as b, Teleport as B, normalizeStyle as $, renderSlot as Z, nextTick as ee } from "vue";
-import { resolveIcon as te } from "../../utils/icon.js";
-import oe from "./TableFilterPanel.vue.js";
-import le from "./TableColumnManager.vue.js";
-import { ListFilter as ne, ArrowUpDown as re, Layers as se, Columns3 as ae, Search as ue } from "lucide-vue-next";
-const ie = { class: "of-table-toolbar" }, fe = {
+import { defineComponent as Q, computed as S, ref as k, openBlock as o, createElementBlock as r, Fragment as B, renderList as $, normalizeClass as m, createBlock as y, resolveDynamicComponent as W, unref as n, createCommentVNode as s, createElementVNode as a, toDisplayString as p, withModifiers as d, createVNode as b, Teleport as w, normalizeStyle as C, renderSlot as X } from "vue";
+import { resolveIcon as Y } from "../../utils/icon.js";
+import Z from "./TableFilterPanel.vue.js";
+import _ from "./TableColumnManager.vue.js";
+import { ListFilter as h, ArrowUpDown as tt, Layers as et, Columns3 as ot, Search as lt } from "lucide-vue-next";
+import { useTableToolbarPanels as nt } from "../../composables/useTableToolbarPanels.js";
+const rt = { class: "of-table-toolbar" }, st = {
   key: 0,
   class: "of-table-toolbar__views"
-}, de = ["onClick"], be = {
+}, at = ["onClick"], it = {
   key: 1,
   class: "of-table-toolbar__sep"
-}, ve = {
+}, ut = {
   key: 0,
   class: "of-table-toolbar__badge"
-}, ce = { class: "of-table-toolbar__simple-panel" }, ye = ["onClick"], me = {
+}, dt = { class: "of-table-toolbar__simple-panel" }, bt = ["onClick"], ft = {
   key: 0,
   class: "of-table-toolbar__sort-dir"
-}, we = { class: "of-table-toolbar__simple-panel" }, ke = ["onClick"], pe = {
+}, vt = { class: "of-table-toolbar__simple-panel" }, mt = ["onClick"], yt = {
   key: 6,
   class: "of-table-toolbar__search"
-}, Ce = ["value"], Ve = /* @__PURE__ */ Q({
+}, pt = ["value"], $t = /* @__PURE__ */ Q({
   __name: "TableToolbar",
   props: {
     currentView: { default: "table" },
@@ -39,220 +40,207 @@ const ie = { class: "of-table-toolbar" }, fe = {
     savedViews: { default: void 0 }
   },
   emits: ["update:currentView", "update:columns", "update:searchKeyword", "add-filter", "remove-filter", "update-filter", "clear-filters", "update:filterLogic", "sort", "group", "save-view", "load-view"],
-  setup(l, { emit: N }) {
-    const R = l, u = N, I = [
+  setup(l, { emit: F }) {
+    const g = l, i = F, U = [
       { value: "table", label: "表格", icon: "table-2" },
       { value: "kanban", label: "看板", icon: "columns-3" },
       { value: "timeline", label: "时间线", icon: "calendar" }
-    ], j = T(() => R.viewTabs ?? I), k = i(!1), v = i(!1), c = i(!1), p = i(!1), D = i(null), G = i(null), A = i(null), z = i(null), F = i({}), P = i({}), U = i({}), E = i({});
-    function q(r) {
-      if (!r) return {};
-      const e = r.getBoundingClientRect();
-      return {
-        top: `${e.bottom + 4}px`,
-        left: `${e.left}px`
-      };
-    }
-    function S(r) {
-      r !== "filter" && (k.value = !1), r !== "sort" && (v.value = !1), r !== "group" && (c.value = !1), r !== "column" && (p.value = !1);
-      const f = {
-        filter: { show: k, btnRef: D, style: F },
-        sort: { show: v, btnRef: G, style: P },
-        group: { show: c, btnRef: A, style: U },
-        column: { show: p, btnRef: z, style: E }
-      }[r];
-      f.show.value = !f.show.value, f.show.value && ee(() => {
-        f.style.value = q(f.btnRef.value);
-      });
-    }
-    function H() {
-      k.value = !1, v.value = !1, c.value = !1, p.value = !1;
-    }
-    function h(r) {
-      const e = r.target;
-      !e.closest(".of-table-toolbar__btn-group") && !e.closest(".of-table-toolbar__dropdown") && H();
-    }
-    W(() => document.addEventListener("click", h, !0)), X(() => document.removeEventListener("click", h, !0));
-    const J = T(() => R.columns.filter((r) => !r.hidden)), O = T(
-      () => R.columns.filter(
-        (r) => !r.hidden && (r.type === "status" || r.type === "string" || r.type === "priority")
+    ], K = S(() => g.viewTabs ?? U), T = k(null), V = k(null), R = k(null), D = k(null), {
+      showFilterPanel: E,
+      showSortPanel: N,
+      showGroupPanel: I,
+      showColumnPanel: M,
+      filterDropdownStyle: x,
+      sortDropdownStyle: j,
+      groupDropdownStyle: q,
+      columnDropdownStyle: H,
+      togglePanel: c,
+      closePanel: f
+    } = nt({
+      filter: T,
+      sort: V,
+      group: R,
+      column: D
+    }), J = S(() => g.columns.filter((u) => !u.hidden)), O = S(
+      () => g.columns.filter(
+        (u) => !u.hidden && (u.type === "status" || u.type === "string" || u.type === "priority")
       )
     );
-    return (r, e) => {
-      var f, x, K;
-      return o(), n("div", ie, [
-        l.showViewSwitch ? (o(), n("div", fe, [
-          (o(!0), n(V, null, L(j.value, (t) => (o(), n("button", {
-            key: t.value,
-            class: m(["of-table-toolbar__view-tab", { "of-table-toolbar__view-tab--active": l.currentView === t.value }]),
-            onClick: (y) => u("update:currentView", t.value)
+    return (u, t) => {
+      var G, L, P;
+      return o(), r("div", rt, [
+        l.showViewSwitch ? (o(), r("div", st, [
+          (o(!0), r(B, null, $(K.value, (e) => (o(), r("button", {
+            key: e.value,
+            class: m(["of-table-toolbar__view-tab", { "of-table-toolbar__view-tab--active": l.currentView === e.value }]),
+            onClick: (v) => i("update:currentView", e.value)
           }, [
-            t.icon ? (o(), C(Y(w(te)(t.icon)), {
+            e.icon ? (o(), y(W(n(Y)(e.icon)), {
               key: 0,
               class: "of-table-toolbar__tab-icon"
             })) : s("", !0),
-            a("span", null, g(t.label), 1)
-          ], 10, de))), 128))
+            a("span", null, p(e.label), 1)
+          ], 10, at))), 128))
         ])) : s("", !0),
-        l.showViewSwitch ? (o(), n("div", be)) : s("", !0),
-        l.showFilter ? (o(), n("div", {
+        l.showViewSwitch ? (o(), r("div", it)) : s("", !0),
+        l.showFilter ? (o(), r("div", {
           key: 2,
           ref_key: "filterBtnRef",
-          ref: D,
+          ref: T,
           class: "of-table-toolbar__btn-group"
         }, [
           a("button", {
             class: m(["of-table-toolbar__btn", { "of-table-toolbar__btn--active": l.filterActive }]),
-            onClick: e[0] || (e[0] = d((t) => S("filter"), ["stop"]))
+            onClick: t[0] || (t[0] = d((e) => n(c)("filter"), ["stop"]))
           }, [
-            b(w(ne), { size: 14 }),
-            e[19] || (e[19] = a("span", null, "筛选", -1)),
-            l.filterActive ? (o(), n("span", ve, g(((f = l.filterConditions) == null ? void 0 : f.length) ?? 0), 1)) : s("", !0)
+            b(n(h), { size: 14 }),
+            t[19] || (t[19] = a("span", null, "筛选", -1)),
+            l.filterActive ? (o(), r("span", ut, p(((G = l.filterConditions) == null ? void 0 : G.length) ?? 0), 1)) : s("", !0)
           ], 2),
-          (o(), C(B, { to: "body" }, [
-            k.value ? (o(), n("div", {
+          (o(), y(w, { to: "body" }, [
+            n(E) ? (o(), r("div", {
               key: 0,
               class: "of-table-toolbar__dropdown",
-              style: $(F.value),
-              onClick: e[7] || (e[7] = d(() => {
+              style: C(n(x)),
+              onClick: t[7] || (t[7] = d(() => {
               }, ["stop"]))
             }, [
-              b(oe, {
+              b(Z, {
                 conditions: l.filterConditions ?? [],
                 columns: l.columns,
                 logic: l.filterLogic ?? "and",
                 visible: !0,
-                onAddCondition: e[1] || (e[1] = (t) => u("add-filter")),
-                onRemoveCondition: e[2] || (e[2] = (t) => u("remove-filter", t)),
-                onUpdateCondition: e[3] || (e[3] = (t, y) => u("update-filter", t, y)),
-                onClear: e[4] || (e[4] = (t) => u("clear-filters")),
-                "onUpdate:logic": e[5] || (e[5] = (t) => u("update:filterLogic", t)),
-                onClose: e[6] || (e[6] = (t) => k.value = !1)
+                onAddCondition: t[1] || (t[1] = (e) => i("add-filter")),
+                onRemoveCondition: t[2] || (t[2] = (e) => i("remove-filter", e)),
+                onUpdateCondition: t[3] || (t[3] = (e, v) => i("update-filter", e, v)),
+                onClear: t[4] || (t[4] = (e) => i("clear-filters")),
+                "onUpdate:logic": t[5] || (t[5] = (e) => i("update:filterLogic", e)),
+                onClose: t[6] || (t[6] = (e) => n(f)("filter"))
               }, null, 8, ["conditions", "columns", "logic"])
             ], 4)) : s("", !0)
           ]))
         ], 512)) : s("", !0),
-        l.showSort ? (o(), n("div", {
+        l.showSort ? (o(), r("div", {
           key: 3,
           ref_key: "sortBtnRef",
-          ref: G,
+          ref: V,
           class: "of-table-toolbar__btn-group"
         }, [
           a("button", {
-            class: m(["of-table-toolbar__btn", { "of-table-toolbar__btn--active": (x = l.currentSort) == null ? void 0 : x.field }]),
-            onClick: e[8] || (e[8] = d((t) => S("sort"), ["stop"]))
+            class: m(["of-table-toolbar__btn", { "of-table-toolbar__btn--active": (L = l.currentSort) == null ? void 0 : L.field }]),
+            onClick: t[8] || (t[8] = d((e) => n(c)("sort"), ["stop"]))
           }, [
-            b(w(re), { size: 14 }),
-            e[20] || (e[20] = a("span", null, "排序", -1))
+            b(n(tt), { size: 14 }),
+            t[20] || (t[20] = a("span", null, "排序", -1))
           ], 2),
-          (o(), C(B, { to: "body" }, [
-            v.value ? (o(), n("div", {
+          (o(), y(w, { to: "body" }, [
+            n(N) ? (o(), r("div", {
               key: 0,
               class: "of-table-toolbar__dropdown",
-              style: $(P.value),
-              onClick: e[10] || (e[10] = d(() => {
+              style: C(n(j)),
+              onClick: t[10] || (t[10] = d(() => {
               }, ["stop"]))
             }, [
-              a("div", ce, [
-                e[21] || (e[21] = a("div", { class: "of-table-toolbar__panel-title" }, "排序", -1)),
-                (o(!0), n(V, null, L(J.value, (t) => {
-                  var y, _, M;
-                  return o(), n("button", {
-                    key: t.key,
-                    class: m(["of-table-toolbar__sort-item", { active: ((y = l.currentSort) == null ? void 0 : y.field) === t.key }]),
-                    onClick: (ge) => {
-                      u("sort", t.key), v.value = !1;
+              a("div", dt, [
+                t[21] || (t[21] = a("div", { class: "of-table-toolbar__panel-title" }, "排序", -1)),
+                (o(!0), r(B, null, $(J.value, (e) => {
+                  var v, z, A;
+                  return o(), r("button", {
+                    key: e.key,
+                    class: m(["of-table-toolbar__sort-item", { active: ((v = l.currentSort) == null ? void 0 : v.field) === e.key }]),
+                    onClick: (ct) => {
+                      i("sort", e.key), n(f)("sort");
                     }
                   }, [
-                    a("span", null, g(t.label), 1),
-                    ((_ = l.currentSort) == null ? void 0 : _.field) === t.key ? (o(), n("span", me, g(((M = l.currentSort) == null ? void 0 : M.order) === "asc" ? "↑" : "↓"), 1)) : s("", !0)
-                  ], 10, ye);
+                    a("span", null, p(e.label), 1),
+                    ((z = l.currentSort) == null ? void 0 : z.field) === e.key ? (o(), r("span", ft, p(((A = l.currentSort) == null ? void 0 : A.order) === "asc" ? "↑" : "↓"), 1)) : s("", !0)
+                  ], 10, bt);
                 }), 128)),
-                (K = l.currentSort) != null && K.field ? (o(), n("button", {
+                (P = l.currentSort) != null && P.field ? (o(), r("button", {
                   key: 0,
                   class: "of-table-toolbar__clear-btn",
-                  onClick: e[9] || (e[9] = (t) => {
-                    u("sort", ""), v.value = !1;
+                  onClick: t[9] || (t[9] = (e) => {
+                    i("sort", ""), n(f)("sort");
                   })
                 }, " 清除排序 ")) : s("", !0)
               ])
             ], 4)) : s("", !0)
           ]))
         ], 512)) : s("", !0),
-        l.showGroup ? (o(), n("div", {
+        l.showGroup ? (o(), r("div", {
           key: 4,
           ref_key: "groupBtnRef",
-          ref: A,
+          ref: R,
           class: "of-table-toolbar__btn-group"
         }, [
           a("button", {
             class: m(["of-table-toolbar__btn", { "of-table-toolbar__btn--active": !!l.currentGroup }]),
-            onClick: e[11] || (e[11] = d((t) => S("group"), ["stop"]))
+            onClick: t[11] || (t[11] = d((e) => n(c)("group"), ["stop"]))
           }, [
-            b(w(se), { size: 14 }),
-            e[22] || (e[22] = a("span", null, "分组", -1))
+            b(n(et), { size: 14 }),
+            t[22] || (t[22] = a("span", null, "分组", -1))
           ], 2),
-          (o(), C(B, { to: "body" }, [
-            c.value ? (o(), n("div", {
+          (o(), y(w, { to: "body" }, [
+            n(I) ? (o(), r("div", {
               key: 0,
               class: "of-table-toolbar__dropdown",
-              style: $(U.value),
-              onClick: e[13] || (e[13] = d(() => {
+              style: C(n(q)),
+              onClick: t[13] || (t[13] = d(() => {
               }, ["stop"]))
             }, [
-              a("div", we, [
-                e[23] || (e[23] = a("div", { class: "of-table-toolbar__panel-title" }, "分组", -1)),
-                (o(!0), n(V, null, L(O.value, (t) => (o(), n("button", {
-                  key: t.key,
-                  class: m(["of-table-toolbar__sort-item", { active: l.currentGroup === t.key }]),
-                  onClick: (y) => {
-                    u("group", l.currentGroup === t.key ? null : t.key), c.value = !1;
+              a("div", vt, [
+                t[23] || (t[23] = a("div", { class: "of-table-toolbar__panel-title" }, "分组", -1)),
+                (o(!0), r(B, null, $(O.value, (e) => (o(), r("button", {
+                  key: e.key,
+                  class: m(["of-table-toolbar__sort-item", { active: l.currentGroup === e.key }]),
+                  onClick: (v) => {
+                    i("group", l.currentGroup === e.key ? null : e.key), n(f)("group");
                   }
-                }, g(t.label), 11, ke))), 128)),
-                l.currentGroup ? (o(), n("button", {
+                }, p(e.label), 11, mt))), 128)),
+                l.currentGroup ? (o(), r("button", {
                   key: 0,
                   class: "of-table-toolbar__clear-btn",
-                  onClick: e[12] || (e[12] = (t) => {
-                    u("group", null), c.value = !1;
+                  onClick: t[12] || (t[12] = (e) => {
+                    i("group", null), n(f)("group");
                   })
                 }, " 取消分组 ")) : s("", !0)
               ])
             ], 4)) : s("", !0)
           ]))
         ], 512)) : s("", !0),
-        l.showColumns ? (o(), n("div", {
+        l.showColumns ? (o(), r("div", {
           key: 5,
           ref_key: "columnBtnRef",
-          ref: z,
+          ref: D,
           class: "of-table-toolbar__btn-group"
         }, [
           a("button", {
             class: "of-table-toolbar__btn",
-            onClick: e[14] || (e[14] = d((t) => S("column"), ["stop"]))
+            onClick: t[14] || (t[14] = d((e) => n(c)("column"), ["stop"]))
           }, [
-            b(w(ae), { size: 14 }),
-            e[24] || (e[24] = a("span", null, "列", -1))
+            b(n(ot), { size: 14 }),
+            t[24] || (t[24] = a("span", null, "列", -1))
           ]),
-          (o(), C(B, { to: "body" }, [
-            p.value ? (o(), n("div", {
+          (o(), y(w, { to: "body" }, [
+            n(M) ? (o(), r("div", {
               key: 0,
               class: "of-table-toolbar__dropdown",
-              style: $(E.value),
-              onClick: e[17] || (e[17] = d(() => {
+              style: C(n(H)),
+              onClick: t[17] || (t[17] = d(() => {
               }, ["stop"]))
             }, [
-              b(le, {
+              b(_, {
                 columns: l.columns,
                 visible: !0,
-                "onUpdate:columns": e[15] || (e[15] = (t) => u("update:columns", t)),
-                onClose: e[16] || (e[16] = (t) => p.value = !1)
+                "onUpdate:columns": t[15] || (t[15] = (e) => i("update:columns", e)),
+                onClose: t[16] || (t[16] = (e) => n(f)("column"))
               }, null, 8, ["columns"])
             ], 4)) : s("", !0)
           ]))
         ], 512)) : s("", !0),
-        e[25] || (e[25] = a("div", { class: "of-table-toolbar__spacer" }, null, -1)),
-        l.showSearch ? (o(), n("div", pe, [
-          b(w(ue), {
+        t[25] || (t[25] = a("div", { class: "of-table-toolbar__spacer" }, null, -1)),
+        l.showSearch ? (o(), r("div", yt, [
+          b(n(lt), {
             size: 14,
             class: "of-table-toolbar__search-icon"
           }),
@@ -260,14 +248,14 @@ const ie = { class: "of-table-toolbar" }, fe = {
             class: "of-table-toolbar__search-input",
             placeholder: "搜索...",
             value: l.searchKeyword,
-            onInput: e[18] || (e[18] = (t) => u("update:searchKeyword", t.target.value))
-          }, null, 40, Ce)
+            onInput: t[18] || (t[18] = (e) => i("update:searchKeyword", e.target.value))
+          }, null, 40, pt)
         ])) : s("", !0),
-        Z(r.$slots, "default", {}, void 0, !0)
+        X(u.$slots, "default", {}, void 0, !0)
       ]);
     };
   }
 });
 export {
-  Ve as default
+  $t as default
 };

package/dist/components/table/dataTableUtils.d.ts

@@ -0,0 +1,26 @@
+import { CSSProperties } from 'vue';
+import { Density, FieldType, TableColumn } from '../../types';
+import { BulkActionContext, BulkActionItem, ResolvedBulkActionItem } from '../../types/data-table';
+import { FieldDef as CellFieldDef } from './FieldCell.vue';
+export declare function normalizeFieldType(type?: CellFieldDef["type"]): FieldType | undefined;
+export declare function resolveRowId(row: Record<string, unknown>, rowKey: string): string;
+export declare function resolveFieldDef(fieldDefs: CellFieldDef[] | undefined, colKey: string): CellFieldDef;
+export declare function resolveFirstEditableFieldKey<T extends Record<string, unknown>>(params: {
+    row: T;
+    readonly: boolean;
+    columns: TableColumn[];
+    editableFieldKeys: string[];
+}): string | null;
+export declare function buildResolvedBulkActionItems<TRecord>(customItems: BulkActionItem[] | undefined, context: BulkActionContext<TRecord>): ResolvedBulkActionItem[];
+export declare function getDensityCellPadding(density: Density): {
+    x: number;
+    y: number;
+};
+export declare function buildDataRowStyle(rowHeight: number): CSSProperties;
+export declare function buildBodyCellStyle(params: {
+    density: Density;
+    col: TableColumn;
+    resolvedWidth: number;
+    fillMinWidth: number;
+}): CSSProperties;
+export declare function buildGroupSpacerStyle(groupRowHeight: number): CSSProperties;

package/dist/components/table/dataTableUtils.js

@@ -0,0 +1,60 @@
+function f(n) {
+  return n === "multiselect" ? "multi_select" : n;
+}
+function x(n, e) {
+  const t = n[e];
+  return t != null ? String(t) : "";
+}
+function y(n, e) {
+  return (n == null ? void 0 : n.find((t) => t.id === e)) ?? {
+    id: e,
+    type: "text",
+    label: e
+  };
+}
+function h(n) {
+  const { row: e, readonly: t, columns: r, editableFieldKeys: l } = n;
+  if (t) return null;
+  for (const i of r)
+    if (!i.hidden && l.includes(i.key) && !(e[i.key] === void 0 && !(i.key in e)))
+      return i.key;
+  return null;
+}
+function c(n) {
+  return n === "compact" ? { x: 10, y: 6 } : n === "comfortable" ? { x: 14, y: 10 } : { x: 12, y: 8 };
+}
+function p(n) {
+  return {
+    minHeight: `${n}px`
+  };
+}
+function a(n) {
+  const { density: e, col: t, resolvedWidth: r, fillMinWidth: l } = n, { x: i, y: d } = c(e), o = {
+    padding: `${d}px ${i}px`
+  };
+  if (t.width === "fill") {
+    const u = `${t.minWidth ?? l}px`;
+    return { ...o, flex: `1 1 ${u}`, minWidth: u };
+  }
+  return typeof t.width == "number" ? { ...o, width: `${t.width}px`, flexShrink: "0", flexGrow: "0" } : {
+    ...o,
+    width: `${r}px`,
+    flexShrink: "0",
+    flexGrow: "0"
+  };
+}
+function s(n) {
+  return {
+    height: `${n}px`
+  };
+}
+export {
+  a as buildBodyCellStyle,
+  p as buildDataRowStyle,
+  s as buildGroupSpacerStyle,
+  c as getDensityCellPadding,
+  f as normalizeFieldType,
+  y as resolveFieldDef,
+  h as resolveFirstEditableFieldKey,
+  x as resolveRowId
+};

package/dist/composables/databaseDetailWorkspaceUtils.d.ts

@@ -0,0 +1,59 @@
+import { DatabaseViewDetailPresentation, DatabaseViewResolvedDetailPresentation } from '../contracts/database';
+import { CellValue, DataRecord, TableColumn, TableSchema } from '../types';
+type DetailCellFieldType = "text" | "number" | "checkbox" | "select" | "multiselect" | "date" | "datetime" | "rating" | "url" | "email" | "currency" | "richtext" | "auto_number" | "creator" | "progress" | "relation" | "attachment" | "phone";
+export interface DetailCellFieldDef {
+    id: string;
+    type: DetailCellFieldType;
+    label: string;
+    options?: {
+        label: string;
+        value: string;
+        color?: string;
+    }[];
+    max?: number;
+    readonly?: boolean;
+}
+export interface DatabaseWorkspaceModeOption {
+    value: DatabaseViewResolvedDetailPresentation;
+    label: string;
+}
+export interface DatabaseDetailPropertyItem {
+    key: string;
+    label: string;
+    field: DetailCellFieldDef | null;
+    value: CellValue | undefined;
+    fallbackText: string;
+}
+export declare function buildDetailColumns(schema?: TableSchema | null, records?: DataRecord[]): {
+    key: string;
+    label: string;
+    type: "string" | "number" | "date" | "status" | "priority" | undefined;
+    hidden: boolean;
+    width: number | undefined;
+}[];
+export declare function buildDetailFieldDefs(schema?: TableSchema | null, records?: DataRecord[]): {
+    id: string;
+    type: DetailCellFieldType;
+    label: string;
+}[];
+export declare function toDetailRow(record: DataRecord | null): Record<string, unknown> & {
+    id: string;
+};
+export declare function buildDetailWorkspaceTitle(record: DataRecord | null): string;
+export declare function partitionDetailColumns(columns: TableColumn[], fieldDefs: DetailCellFieldDef[]): {
+    propertyColumns: TableColumn[];
+    contentColumns: TableColumn[];
+};
+export declare function buildDetailWorkspaceDescription(columns: TableColumn[], row: Record<string, unknown>): string;
+export declare function buildDetailPropertyItems(options: {
+    columns: TableColumn[];
+    fieldDefs: DetailCellFieldDef[];
+    row: Record<string, unknown>;
+}): DatabaseDetailPropertyItem[];
+export declare function resolveDetailPresentation(options: {
+    requested: DatabaseViewDetailPresentation;
+    preferred: DatabaseViewResolvedDetailPresentation | null;
+    isMobileViewport: boolean;
+}): DatabaseViewResolvedDetailPresentation;
+export declare function buildWorkspaceModes(isMobileViewport: boolean): DatabaseWorkspaceModeOption[];
+export {};