@oneflowui/ui 0.8.1 → 0.8.3

package/dist/composables/useDatabaseView.d.ts

@@ -1,138 +1,4 @@
-import { Ref } from 'vue';
-import { DataRecord, TableSchema, ViewConfig } from '../types';
-import { SortState } from './useTable';
-export type DatabaseViewMode = "local" | "provider";
-export interface DatabaseViewFetchParams {
-    tableId: string;
-    schema: TableSchema | null;
-    view: ViewConfig;
-    page: number;
-    pageSize: number;
-    sort: SortState;
-    selectedRecordId: string | null;
-}
-export interface DatabaseViewFetchResult<T extends DataRecord = DataRecord> {
-    records?: readonly T[] | T[];
-    data?: readonly T[] | T[];
-    total?: number;
-    schema?: TableSchema | null;
-    views?: readonly ViewConfig[] | ViewConfig[] | null;
-    activeViewId?: string | null;
-    selectedRecordId?: string | null;
-}
-export interface DatabaseViewProvider<T extends DataRecord = DataRecord> {
-    mode?: DatabaseViewMode;
-    onFetch?: (params: DatabaseViewFetchParams) => Promise<DatabaseViewFetchResult<T>>;
-    onRefresh?: (params: DatabaseViewFetchParams) => Promise<void> | void;
-}
-export type DatabaseSchemaEvent = {
-    type: "schema-add-field";
-    fieldType: string;
-} | {
-    type: "schema-rename-field";
-    fieldId: string;
-    newName: string;
-} | {
-    type: "schema-change-field-type";
-    fieldId: string;
-    newType: string;
-} | {
-    type: "schema-hide-field";
-    fieldId: string;
-} | {
-    type: "schema-delete-field";
-    fieldId: string;
-} | {
-    type: "schema-duplicate-field";
-    fieldId: string;
-};
-export interface DatabaseViewActions<T extends DataRecord = DataRecord> {
-    onCellEdit?: (payload: {
-        rowId: string;
-        fieldId: string;
-        value: unknown;
-    }) => Promise<void> | void;
-    onSelectRecord?: (record: T | null) => Promise<void> | void;
-    onSchemaEvent?: (event: DatabaseSchemaEvent) => Promise<void> | void;
-    onSaveView?: (view: ViewConfig) => Promise<void> | void;
-    onDeleteView?: (viewId: string) => Promise<void> | void;
-    onRefresh?: () => Promise<void> | void;
-}
-export interface DatabaseViewDetailOptions {
-    clearSelection?: boolean;
-}
-export interface DatabaseViewNavigationOptions {
-    wrap?: boolean;
-    openDetail?: boolean;
-}
-export interface UseDatabaseViewOptions<T extends DataRecord = DataRecord> {
-    tableId: string;
-    mode?: DatabaseViewMode;
-    schema?: Ref<TableSchema | null | undefined> | TableSchema | null | undefined;
-    records?: Ref<readonly T[] | T[] | undefined> | readonly T[] | T[] | undefined;
-    views?: Ref<readonly ViewConfig[] | ViewConfig[] | undefined> | readonly ViewConfig[] | ViewConfig[] | undefined;
-    provider?: DatabaseViewProvider<T>;
-    actions?: DatabaseViewActions<T>;
-    defaultView?: ViewConfig;
-    initialViewId?: string;
-    initialSelectedRecordId?: string | null;
-    initialDetailOpen?: boolean;
-    pageSize?: number;
-    autoLoad?: boolean;
-}
-export interface UseDatabaseViewResult<T extends DataRecord = DataRecord> {
-    tableId: string;
-    mode: Readonly<Ref<DatabaseViewMode>>;
-    schema: Readonly<Ref<TableSchema | null>>;
-    records: Readonly<Ref<readonly T[]>>;
-    views: Readonly<Ref<ViewConfig[]>>;
-    activeViewId: Readonly<Ref<string>>;
-    activeView: Readonly<Ref<ViewConfig>>;
-    selectedRecordId: Readonly<Ref<string | null>>;
-    selectedRecord: Readonly<Ref<T | null>>;
-    selectedRecordIndex: Readonly<Ref<number>>;
-    selectedRecordOrdinal: Readonly<Ref<number | null>>;
-    hasSelectedRecord: Readonly<Ref<boolean>>;
-    detailOpen: Readonly<Ref<boolean>>;
-    detailRecord: Readonly<Ref<T | null>>;
-    loading: Readonly<Ref<boolean>>;
-    error: Readonly<Ref<Error | null>>;
-    page: Readonly<Ref<number>>;
-    pageSize: Readonly<Ref<number>>;
-    totalCount: Readonly<Ref<number>>;
-    viewList: Readonly<Ref<{
-        id: string;
-        name: string;
-        type: ViewConfig["viewType"];
-    }[]>>;
-    isProviderMode: Readonly<Ref<boolean>>;
-    isLocalMode: Readonly<Ref<boolean>>;
-    refresh: () => Promise<void>;
-    getRecordById: (recordId: string) => T | null;
-    getRecordIndex: (recordId: string) => number;
-    selectRecord: (record: T | string | null) => void;
-    openRecordDetail: (record?: T | string | null) => void;
-    closeRecordDetail: (options?: DatabaseViewDetailOptions) => void;
-    toggleRecordDetail: (record?: T | string | null) => void;
-    selectNextRecord: (options?: DatabaseViewNavigationOptions) => void;
-    selectPreviousRecord: (options?: DatabaseViewNavigationOptions) => void;
-    switchView: (viewId: string) => void;
-    setActiveViewId: (viewId: string) => void;
-    createView: (name: string, baseConfig?: Partial<ViewConfig>) => Promise<string>;
-    saveView: (config?: Partial<ViewConfig>) => Promise<void>;
-    deleteView: (viewId: string) => Promise<void>;
-    duplicateView: (sourceViewId: string, newName: string) => Promise<string>;
-    updateActiveView: (patch: Partial<ViewConfig>) => void;
-    setSelectedRecord: (record: T | string | null) => void;
-    clearSelectedRecord: () => void;
-    setPage: (page: number) => void;
-    setPageSize: (pageSize: number) => void;
-    emitCellEdit: (payload: {
-        rowId: string;
-        fieldId: string;
-        value: unknown;
-    }) => Promise<void>;
-    emitSchemaEvent: (event: DatabaseSchemaEvent) => Promise<void>;
-    setRecords: (next: readonly T[] | T[]) => void;
-}
+import { DataRecord } from '../types';
+import { UseDatabaseViewOptions, UseDatabaseViewResult } from '../contracts/database';
+export type { DatabaseViewMode, DatabaseViewFetchParams, DatabaseViewFetchResult, DatabaseViewProvider, DatabaseSchemaEvent, DatabaseViewActions, DatabaseViewDetailOptions, DatabaseViewNavigationOptions, UseDatabaseViewOptions, UseDatabaseViewResult, } from '../contracts/database';
 export declare function useDatabaseView<T extends DataRecord = DataRecord>(options: UseDatabaseViewOptions<T>): UseDatabaseViewResult<T>;

package/dist/composables/useDatabaseWorkspace.d.ts

@@ -0,0 +1,31 @@
+import { Ref } from 'vue';
+import { DatabaseViewResolvedDetailPresentation, DatabaseViewWorkspacePreferences } from '../contracts/database';
+export declare const DATABASE_DETAIL_VIEW_ID = "detail";
+export declare const DATABASE_MOBILE_BREAKPOINT = "(max-width: 768px)";
+export declare const DATABASE_WORKSPACE_STORAGE_PREFIX = "oneui-database-workspace:";
+export declare const DEFAULT_SIDE_PANEL_WIDTH = 720;
+export declare const DEFAULT_DRAWER_WIDTH = 900;
+export declare const MIN_DETAIL_PANEL_WIDTH = 420;
+export declare const MAX_DETAIL_PANEL_WIDTH = 1320;
+export declare function clampWorkspaceWidth(width: number, fallback: number): number;
+export declare function getWorkspaceStorageKey(tableId?: string): string | null;
+export declare function readWorkspacePreferences(tableId?: string): DatabaseViewWorkspacePreferences;
+export declare function writeWorkspacePreferences(tableId: string | undefined, prefs: DatabaseViewWorkspacePreferences): void;
+export declare function useDatabaseViewport(mediaQuery?: string): {
+    isMobileViewport: Ref<boolean, boolean>;
+};
+interface UseDatabaseWorkspaceStateOptions {
+    tableId: Readonly<Ref<string | undefined>>;
+    activeViewId: Readonly<Ref<string>>;
+    initialSearchKeyword?: string;
+    initialDetailPresentation?: DatabaseViewResolvedDetailPresentation | null;
+    initialSidePanelWidth?: number;
+    initialDrawerWidth?: number;
+}
+export declare function useDatabaseWorkspaceState(options: UseDatabaseWorkspaceStateOptions): {
+    preferredDetailPresentation: Ref<DatabaseViewResolvedDetailPresentation | null, DatabaseViewResolvedDetailPresentation | null>;
+    sidePanelWidth: Ref<number, number>;
+    drawerWidth: Ref<number, number>;
+    searchKeyword: Ref<string, string>;
+};
+export {};

package/dist/composables/useDatabaseWorkspace.js

@@ -0,0 +1,89 @@
+import { ref as i, onMounted as E, onBeforeUnmount as h, watch as D } from "vue";
+const S = "detail", I = "(max-width: 768px)", W = "oneui-database-workspace:", o = 720, c = 900, _ = 420, m = 1320;
+function s(t, n) {
+  return Number.isFinite(t) ? Math.max(_, Math.min(m, t)) : n;
+}
+function d(t) {
+  const n = (t ?? "").trim();
+  return n ? `${W}${n}` : null;
+}
+function T(t) {
+  const n = d(t);
+  if (!n || typeof window > "u") return {};
+  try {
+    const e = window.localStorage.getItem(n);
+    return e ? JSON.parse(e) : {};
+  } catch {
+    return {};
+  }
+}
+function p(t, n) {
+  const e = d(t);
+  if (!(!e || typeof window > "u"))
+    try {
+      window.localStorage.setItem(e, JSON.stringify(n));
+    } catch {
+    }
+}
+function y(t = I) {
+  const n = i(!1);
+  let e = null;
+  function r() {
+    n.value = (e == null ? void 0 : e.matches) ?? !1;
+  }
+  return E(() => {
+    typeof window > "u" || typeof window.matchMedia != "function" || (e = window.matchMedia(t), r(), e.addEventListener("change", r));
+  }), h(() => {
+    e == null || e.removeEventListener("change", r), e = null;
+  }), {
+    isMobileViewport: n
+  };
+}
+function L(t) {
+  const n = i(
+    t.initialDetailPresentation ?? null
+  ), e = i(
+    s(t.initialSidePanelWidth ?? o, o)
+  ), r = i(
+    s(t.initialDrawerWidth ?? c, c)
+  ), a = i(t.initialSearchKeyword ?? "");
+  return D(
+    [
+      t.activeViewId,
+      a,
+      n,
+      e,
+      r
+    ],
+    ([u, l, f, w, A]) => {
+      p(t.tableId.value, {
+        activeViewId: u,
+        searchKeyword: l,
+        detailPresentation: f ?? void 0,
+        sidePanelWidth: w,
+        drawerWidth: A
+      });
+    },
+    { immediate: !0 }
+  ), {
+    preferredDetailPresentation: n,
+    sidePanelWidth: e,
+    drawerWidth: r,
+    searchKeyword: a
+  };
+}
+export {
+  S as DATABASE_DETAIL_VIEW_ID,
+  I as DATABASE_MOBILE_BREAKPOINT,
+  W as DATABASE_WORKSPACE_STORAGE_PREFIX,
+  c as DEFAULT_DRAWER_WIDTH,
+  o as DEFAULT_SIDE_PANEL_WIDTH,
+  m as MAX_DETAIL_PANEL_WIDTH,
+  _ as MIN_DETAIL_PANEL_WIDTH,
+  s as clampWorkspaceWidth,
+  d as getWorkspaceStorageKey,
+  T as readWorkspacePreferences,
+  y as useDatabaseViewport,
+  L as useDatabaseWorkspaceState,
+  p as writeWorkspacePreferences
+};

package/dist/composables/useTableToolbarPanels.d.ts

@@ -0,0 +1,19 @@
+import { Ref } from 'vue';
+export type TableToolbarPanelKey = "filter" | "sort" | "group" | "column";
+type PanelStyle = Record<string, string>;
+type ButtonRefMap = Record<TableToolbarPanelKey, Ref<HTMLElement | null>>;
+export declare function calcToolbarDropdownStyle(el: HTMLElement | null): PanelStyle;
+export declare function useTableToolbarPanels(buttonRefs: ButtonRefMap): {
+    showFilterPanel: Ref<boolean, boolean>;
+    showSortPanel: Ref<boolean, boolean>;
+    showGroupPanel: Ref<boolean, boolean>;
+    showColumnPanel: Ref<boolean, boolean>;
+    filterDropdownStyle: Ref<PanelStyle, PanelStyle>;
+    sortDropdownStyle: Ref<PanelStyle, PanelStyle>;
+    groupDropdownStyle: Ref<PanelStyle, PanelStyle>;
+    columnDropdownStyle: Ref<PanelStyle, PanelStyle>;
+    togglePanel: (panel: TableToolbarPanelKey) => void;
+    closePanel: (panel: TableToolbarPanelKey) => void;
+    closeAllPanels: () => void;
+};
+export {};

package/dist/composables/useTableToolbarPanels.js

@@ -0,0 +1,53 @@
+import { ref as o, onMounted as g, onUnmounted as m, nextTick as y } from "vue";
+function P(n) {
+  if (!n) return {};
+  const l = n.getBoundingClientRect();
+  return {
+    top: `${l.bottom + 4}px`,
+    left: `${l.left}px`
+  };
+}
+function D(n) {
+  const l = o(!1), a = o(!1), r = o(!1), c = o(!1), u = o({}), f = o({}), i = o({}), w = o({}), s = {
+    filter: { show: l, style: u },
+    sort: { show: a, style: f },
+    group: { show: r, style: i },
+    column: { show: c, style: w }
+  };
+  function d() {
+    l.value = !1, a.value = !1, r.value = !1, c.value = !1;
+  }
+  function v(e) {
+    Object.keys(s).forEach((p) => {
+      p !== e && (s[p].show.value = !1);
+    });
+    const t = s[e];
+    t.show.value = !t.show.value, t.show.value && y(() => {
+      t.style.value = P(n[e].value);
+    });
+  }
+  function b(e) {
+    s[e].show.value = !1;
+  }
+  function h(e) {
+    const t = e.target;
+    !t.closest(".of-table-toolbar__btn-group") && !t.closest(".of-table-toolbar__dropdown") && d();
+  }
+  return g(() => document.addEventListener("click", h, !0)), m(() => document.removeEventListener("click", h, !0)), {
+    showFilterPanel: l,
+    showSortPanel: a,
+    showGroupPanel: r,
+    showColumnPanel: c,
+    filterDropdownStyle: u,
+    sortDropdownStyle: f,
+    groupDropdownStyle: i,
+    columnDropdownStyle: w,
+    togglePanel: v,
+    closePanel: b,
+    closeAllPanels: d
+  };
+}
+export {
+  P as calcToolbarDropdownStyle,
+  D as useTableToolbarPanels
+};

package/dist/contracts/database.d.ts

@@ -0,0 +1,252 @@
+import { Component, Ref } from 'vue';
+import { DataRecord, Density, TableColumn, TableSchema, ViewConfig } from '../types';
+import { FilterLogic } from '../composables/useTableFilter';
+export type DatabaseViewMode = "local" | "provider";
+export type DatabaseViewSortOrder = "asc" | "desc" | null;
+export interface DatabaseViewSortState {
+    field: string | null;
+    order: DatabaseViewSortOrder;
+}
+export interface DatabaseViewFetchParams {
+    tableId: string;
+    schema: TableSchema | null;
+    view: ViewConfig;
+    page: number;
+    pageSize: number;
+    sort: DatabaseViewSortState;
+    selectedRecordId: string | null;
+}
+export interface DatabaseViewFetchResult<T extends DataRecord = DataRecord> {
+    records?: readonly T[] | T[];
+    data?: readonly T[] | T[];
+    total?: number;
+    schema?: TableSchema | null;
+    views?: readonly ViewConfig[] | ViewConfig[] | null;
+    activeViewId?: string | null;
+    selectedRecordId?: string | null;
+}
+export interface DatabaseViewProvider<T extends DataRecord = DataRecord> {
+    mode?: DatabaseViewMode;
+    onFetch?: (params: DatabaseViewFetchParams) => Promise<DatabaseViewFetchResult<T>>;
+    onRefresh?: (params: DatabaseViewFetchParams) => Promise<void> | void;
+}
+export type DatabaseSchemaEvent = {
+    type: "schema-add-field";
+    fieldType: string;
+} | {
+    type: "schema-rename-field";
+    fieldId: string;
+    newName: string;
+} | {
+    type: "schema-change-field-type";
+    fieldId: string;
+    newType: string;
+} | {
+    type: "schema-hide-field";
+    fieldId: string;
+} | {
+    type: "schema-delete-field";
+    fieldId: string;
+} | {
+    type: "schema-duplicate-field";
+    fieldId: string;
+};
+export type DatabaseViewSchemaEvent = DatabaseSchemaEvent;
+export interface DatabaseViewActions<T extends DataRecord = DataRecord> {
+    onCellEdit?: (payload: {
+        rowId: string;
+        fieldId: string;
+        value: unknown;
+    }) => Promise<void> | void;
+    onSelectRecord?: (record: T | null) => Promise<void> | void;
+    onSchemaEvent?: (event: DatabaseSchemaEvent) => Promise<void> | void;
+    onSaveView?: (view: ViewConfig) => Promise<void> | void;
+    onDeleteView?: (viewId: string) => Promise<void> | void;
+    onRefresh?: () => Promise<void> | void;
+}
+export interface DatabaseViewDetailOptions {
+    clearSelection?: boolean;
+}
+export interface DatabaseViewNavigationOptions {
+    wrap?: boolean;
+    openDetail?: boolean;
+}
+export interface UseDatabaseViewOptions<T extends DataRecord = DataRecord> {
+    tableId: string;
+    mode?: DatabaseViewMode;
+    schema?: Ref<TableSchema | null | undefined> | TableSchema | null | undefined;
+    records?: Ref<readonly T[] | T[] | undefined> | readonly T[] | T[] | undefined;
+    views?: Ref<readonly ViewConfig[] | ViewConfig[] | undefined> | readonly ViewConfig[] | ViewConfig[] | undefined;
+    provider?: DatabaseViewProvider<T>;
+    actions?: DatabaseViewActions<T>;
+    defaultView?: ViewConfig;
+    initialViewId?: string;
+    initialSelectedRecordId?: string | null;
+    initialDetailOpen?: boolean;
+    pageSize?: number;
+    autoLoad?: boolean;
+}
+export interface UseDatabaseViewResult<T extends DataRecord = DataRecord> {
+    tableId: string;
+    mode: Readonly<Ref<DatabaseViewMode>>;
+    schema: Readonly<Ref<TableSchema | null>>;
+    records: Readonly<Ref<readonly T[]>>;
+    views: Readonly<Ref<ViewConfig[]>>;
+    activeViewId: Readonly<Ref<string>>;
+    activeView: Readonly<Ref<ViewConfig>>;
+    selectedRecordId: Readonly<Ref<string | null>>;
+    selectedRecord: Readonly<Ref<T | null>>;
+    selectedRecordIndex: Readonly<Ref<number>>;
+    selectedRecordOrdinal: Readonly<Ref<number | null>>;
+    hasSelectedRecord: Readonly<Ref<boolean>>;
+    detailOpen: Readonly<Ref<boolean>>;
+    detailRecord: Readonly<Ref<T | null>>;
+    loading: Readonly<Ref<boolean>>;
+    error: Readonly<Ref<Error | null>>;
+    page: Readonly<Ref<number>>;
+    pageSize: Readonly<Ref<number>>;
+    totalCount: Readonly<Ref<number>>;
+    viewList: Readonly<Ref<{
+        id: string;
+        name: string;
+        type: ViewConfig["viewType"];
+    }[]>>;
+    isProviderMode: Readonly<Ref<boolean>>;
+    isLocalMode: Readonly<Ref<boolean>>;
+    refresh: () => Promise<void>;
+    getRecordById: (recordId: string) => T | null;
+    getRecordIndex: (recordId: string) => number;
+    selectRecord: (record: T | string | null) => void;
+    openRecordDetail: (record?: T | string | null) => void;
+    closeRecordDetail: (options?: DatabaseViewDetailOptions) => void;
+    toggleRecordDetail: (record?: T | string | null) => void;
+    selectNextRecord: (options?: DatabaseViewNavigationOptions) => void;
+    selectPreviousRecord: (options?: DatabaseViewNavigationOptions) => void;
+    switchView: (viewId: string) => void;
+    setActiveViewId: (viewId: string) => void;
+    createView: (name: string, baseConfig?: Partial<ViewConfig>) => Promise<string>;
+    saveView: (config?: Partial<ViewConfig>) => Promise<void>;
+    deleteView: (viewId: string) => Promise<void>;
+    duplicateView: (sourceViewId: string, newName: string) => Promise<string>;
+    updateActiveView: (patch: Partial<ViewConfig>) => void;
+    setSelectedRecord: (record: T | string | null) => void;
+    clearSelectedRecord: () => void;
+    setPage: (page: number) => void;
+    setPageSize: (pageSize: number) => void;
+    emitCellEdit: (payload: {
+        rowId: string;
+        fieldId: string;
+        value: unknown;
+    }) => Promise<void>;
+    emitSchemaEvent: (event: DatabaseSchemaEvent) => Promise<void>;
+    setRecords: (next: readonly T[] | T[]) => void;
+}
+export interface DatabaseViewViewTab {
+    value: string;
+    label: string;
+    icon?: string | Component;
+}
+export interface DatabaseViewUiOptions {
+    enableFieldManagement?: boolean;
+}
+export type DatabaseViewDetailPresentation = "auto" | "side-panel" | "sheet" | "full-page";
+export type DatabaseViewResolvedDetailPresentation = Exclude<DatabaseViewDetailPresentation, "auto">;
+export interface DatabaseViewWorkspacePreferences {
+    activeViewId?: string;
+    detailPresentation?: DatabaseViewResolvedDetailPresentation;
+    sidePanelWidth?: number;
+    drawerWidth?: number;
+    searchKeyword?: string;
+}
+export interface DatabaseViewComponentActions extends DatabaseViewActions<DataRecord> {
+    onViewChange?: (payload: {
+        tableId: string;
+        view: ViewConfig;
+    }) => void | Promise<void>;
+    onViewLoad?: (payload: {
+        tableId: string;
+        viewId: string;
+    }) => void | Promise<void>;
+    onViewSave?: (payload: {
+        tableId: string;
+        viewId: string;
+        name: string;
+    }) => void | Promise<void>;
+    onRecordChange?: (payload: {
+        tableId: string;
+        recordId: string;
+        startDate?: string;
+        endDate?: string;
+    }) => void | Promise<void>;
+}
+export interface DatabaseViewProps {
+    tableId?: string;
+    mode?: DatabaseViewMode;
+    detailPresentation?: DatabaseViewDetailPresentation;
+    density?: Density;
+    schema?: TableSchema | null;
+    records?: DataRecord[];
+    views?: ViewConfig[];
+    provider?: DatabaseViewProvider<DataRecord>;
+    defaultView?: ViewConfig;
+    currentViewId?: string;
+    initialViewId?: string;
+    selectedRecordId?: string | null;
+    initialSelectedRecordId?: string | null;
+    searchKeyword?: string;
+    loading?: boolean;
+    error?: string | Error | null;
+    viewTabs?: DatabaseViewViewTab[];
+    actions?: DatabaseViewComponentActions;
+    ui?: DatabaseViewUiOptions;
+    showToolbar?: boolean;
+    showViewSwitch?: boolean;
+    showFilter?: boolean;
+    showSort?: boolean;
+    showGroup?: boolean;
+    showColumns?: boolean;
+    showSearch?: boolean;
+    readonly?: boolean;
+    pageSize?: number;
+    autoLoad?: boolean;
+}
+export interface DatabaseViewEmits {
+    "update:currentViewId": [string];
+    "update:selectedRecordId": [string | null];
+    "update:searchKeyword": [string];
+    "update:columns": [TableColumn[]];
+    "update:filterLogic": [FilterLogic];
+    "update:records": [DataRecord[]];
+    "cell-edit": [{
+        rowId: string;
+        fieldId: string;
+        value: unknown;
+    }];
+    "select-record": [DataRecord | null];
+    "schema-add-field": [string];
+    "schema-rename-field": [{
+        fieldId: string;
+        newName: string;
+    }];
+    "schema-change-field-type": [{
+        fieldId: string;
+        newType: string;
+    }];
+    "schema-hide-field": [string];
+    "schema-delete-field": [string];
+    "schema-duplicate-field": [string];
+    "row-click": [unknown];
+    "card-click": [unknown];
+    add: [];
+    "add-column": [];
+    "record-change": [{
+        recordId: string;
+        startDate?: string;
+        endDate?: string;
+    }];
+    "load-view": [string];
+    "save-view": [string];
+    sort: [string];
+    group: [string | null];
+    refresh: [];
+}

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export type { ButtonOption, EmptyStateAction, MenuItem, StepItem, StepperProps,
 export { AppLayout, Navbar, Sidebar, StatusBar } from './components/layout';
 export { default as FieldMarkdownPreview } from './components/field/FieldMarkdownPreview.vue';
 export { DataTable, TableHeaderRow, TableDataRow, TableGroupRow, NewRowBtn, TableFilterPanel, TableColumnManager, TableToolbar, FieldCell, FieldTypePicker, ColumnHeaderMenu, } from './components/table';
+export { pluginComponentNames, pluginComponentRegistry, installPluginComponents, registerOneUIComponents, } from './registry/plugin-components';
 export { GalleryView, GalleryCard } from './components/gallery';
 export { ActivityTimeline, GanttTimeline, GanttRow } from './components/timeline';
 export type { ActivityTimelineProps, ActivityTimelineStatus, TimelineItem, } from './components/timeline';
@@ -43,6 +44,8 @@ export type { UseFixedColumnsOptions } from './composables/useFixedColumns';
 export type { UseKeyboardNavigationOptions } from './composables/useKeyboardNavigation';
 export type { RowReorderPayload, RowGroupChangePayload } from './composables/useRowDrag';
 export type { UseDraftRowsOptions } from './composables/useDraftRows';
+export type { UseDataTableSelectionOptions, UseDataTableSelectionReturn, } from './composables/useDataTableSelection';
+export type { DataTableDetailSheetBaseRow, DataTableDetailSheetRow, DataTableCellEditPayload, DataTableDetailSavePayload, DataTableRowClickResult, } from './composables/useDataTableDetailSheet';
 export type { ValidationRule, FilterFieldConfig, FilterPanelConfig, UseSchemaEngineOptions, } from './composables/useSchemaEngine';
 export { inferSchema, fetchSchemaFromSupabase, humanizeColumnName } from './utils/supabaseSchema';
 export type { PgColumnInfo, InferSchemaOptions } from './utils/supabaseSchema';
@@ -61,6 +64,8 @@ export { useFixedColumns } from './composables/useFixedColumns';
 export { useKeyboardNavigation } from './composables/useKeyboardNavigation';
 export { useRowDrag } from './composables/useRowDrag';
 export { useDraftRows } from './composables/useDraftRows';
+export { useDataTableSelection } from './composables/useDataTableSelection';
+export { useDataTableDetailSheet, buildDetailSheetCellEditPayloads } from './composables/useDataTableDetailSheet';
 export { useWorkerSort } from './composables/useWorkerSort';
 export { useSchemaEngine } from './composables/useSchemaEngine';
 export { useSupabaseProvider } from './composables/useSupabaseProvider';
@@ -69,5 +74,6 @@ export { useViewPersistence, createLocalStorageBackend, createSupabaseBackend, }
 export type { ViewStorageBackend, SupabaseViewBackendOptions, UseViewPersistenceOptions, } from './composables/useViewPersistence';
 export { useDatabaseView } from './composables/useDatabaseView';
 export type { DatabaseViewMode, DatabaseViewFetchParams, DatabaseViewFetchResult, DatabaseViewProvider, DatabaseSchemaEvent, DatabaseViewActions, UseDatabaseViewOptions, UseDatabaseViewResult, } from './composables/useDatabaseView';
+export { useDatabaseViewport, useDatabaseWorkspaceState } from './composables/useDatabaseWorkspace';
 export { useSearch } from './composables/useSearch';
 export type { UseSearchOptions, SearchHighlight as SearchHighlightSegment, } from './composables/useSearch';