@oneflowui/ui 0.8.4 → 0.8.5

package/dist/composables/index.d.ts

@@ -14,8 +14,8 @@ export { useMarkdown } from './useMarkdown';
 export type { UseMarkdownOptions } from './useMarkdown';
 export { useInlineEdit } from './useInlineEdit';
 export type { EditingCell } from './useInlineEdit';
-export { useVirtualList } from './useVirtualList';
-export type { UseVirtualListOptions, VirtualItem } from './useVirtualList';
+export { createVirtualListState, useVirtualList, useVirtualListStateCache } from './useVirtualList';
+export type { UseVirtualListOptions, VirtualItem, VirtualListState } from './useVirtualList';
 export { useToast } from './useToast';
 export type { UseToastOptions, ToastType, ToastItem } from './useToast';
 export { useTableData } from './useTableData';
@@ -45,7 +45,9 @@ export type { SupabaseQueryBuilder, SupabaseFilterBuilder, UseSupabaseProviderOp
 export { useViewPersistence, createLocalStorageBackend, createSupabaseBackend, } from './useViewPersistence';
 export type { ViewStorageBackend, SupabaseViewBackendOptions, UseViewPersistenceOptions, } from './useViewPersistence';
 export { useDatabaseView } from './useDatabaseView';
-export type { DatabaseViewMode, DatabaseViewFetchParams, DatabaseViewFetchResult, DatabaseViewProvider, DatabaseSchemaEvent, DatabaseViewActions, DatabaseViewDetailOptions, DatabaseViewNavigationOptions, UseDatabaseViewOptions, UseDatabaseViewResult, } from './useDatabaseView';
+export { composeDatabaseViewMiddlewares, createDatabaseViewAnalyticsMiddleware, createDatabaseViewToastMiddleware, createDatabaseViewOptimisticMiddleware, } from './useDatabaseViewMiddleware';
+export type { DatabaseViewActionContext, DatabaseViewActionErrorContext, DatabaseViewActionMiddleware, DatabaseViewActionMiddlewareList, DatabaseViewMode, DatabaseViewFetchParams, DatabaseViewFetchResult, DatabaseViewProvider, DatabaseSchemaEvent, DatabaseViewActions, DatabaseViewDetailOptions, DatabaseViewNavigationOptions, UseDatabaseViewOptions, UseDatabaseViewResult, } from './useDatabaseView';
+export type { DatabaseViewAnalyticsEvent, DatabaseViewAnalyticsMiddlewareOptions, DatabaseViewMiddlewareInput, DatabaseViewOptimisticMiddlewareOptions, DatabaseViewToastMiddlewareOptions, } from './useDatabaseViewMiddleware';
 export { useDatabaseViewport, useDatabaseWorkspaceState } from './useDatabaseWorkspace';
 export { useSearch } from './useSearch';
 export type { UseSearchOptions, SearchHighlight } from './useSearch';

package/dist/composables/useDataTableLayout.d.ts

@@ -5,6 +5,7 @@ export declare function useDataTableLayout(params: {
     density: Ref<Density>;
     containerResponsive: Ref<boolean>;
     isMobile: Ref<boolean>;
+    onContainerWidthChange?: (width: number) => void;
 }): {
     tableContainerWidth: Ref<number, number>;
     containerDensity: import('vue').ComputedRef<Density>;

package/dist/composables/useDataTableLayout.js

@@ -1,38 +1,41 @@
-import { ref as m, onMounted as g, onBeforeUnmount as y, computed as n } from "vue";
+import { ref as x, onMounted as g, onBeforeUnmount as w, computed as o } from "vue";
 import { TABLE_DENSITY_METRICS as h } from "../types/data-table.js";
-function x(c) {
-  const { tableContainerRef: o, density: l, containerResponsive: f, isMobile: v } = c, e = m(0);
-  let t = null;
-  function d() {
+function M(v) {
+  const { tableContainerRef: r, density: u, containerResponsive: s, isMobile: b, onContainerWidthChange: a } = v, e = x(0);
+  let n = null;
+  function f() {
     var i;
-    e.value = ((i = o.value) == null ? void 0 : i.clientWidth) ?? 0;
+    const l = ((i = r.value) == null ? void 0 : i.clientWidth) ?? 0;
+    l !== e.value && (e.value = l, a == null || a(l));
   }
   g(() => {
-    d(), !(typeof ResizeObserver > "u" || !o.value) && (t = new ResizeObserver((i) => {
-      const u = i[0];
-      u && (e.value = u.contentRect.width);
-    }), t.observe(o.value));
-  }), y(() => {
-    t == null || t.disconnect(), t = null;
+    f(), !(typeof ResizeObserver > "u" || !r.value) && (n = new ResizeObserver((l) => {
+      const i = l[0];
+      if (!i) return;
+      const c = i.contentRect.width;
+      c !== e.value && (e.value = c, a == null || a(c));
+    }), n.observe(r.value));
+  }), w(() => {
+    n == null || n.disconnect(), n = null;
   });
-  const r = n(() => !f.value || v.value ? l.value : e.value > 0 && e.value <= 860 ? "compact" : e.value > 0 && e.value <= 1080 && l.value === "comfortable" ? "standard" : l.value), a = n(() => h[r.value]), s = n(() => `of-data-table--${r.value}`), b = n(() => e.value > 0 && e.value <= 860 ? "of-data-table--container-tight" : e.value > 0 && e.value <= 1080 ? "of-data-table--container-medium" : "of-data-table--container-wide"), p = n(() => ({
-    "--of-data-table-group-row-height": `${a.value.groupRowHeight}px`,
-    "--of-data-table-mobile-card-padding-x": `${a.value.mobileCardPaddingX}px`,
-    "--of-data-table-mobile-card-padding-y": `${a.value.mobileCardPaddingY}px`,
-    "--of-data-table-new-row-padding-x": `${a.value.mobileCardPaddingX}px`,
-    "--of-data-table-new-row-padding-y": `${a.value.mobileCardPaddingY}px`,
-    "--of-data-table-fill-min-width": `${a.value.fillMinWidth}px`
+  const d = o(() => !s.value || b.value ? u.value : e.value > 0 && e.value <= 860 ? "compact" : e.value > 0 && e.value <= 1080 && u.value === "comfortable" ? "standard" : u.value), t = o(() => h[d.value]), p = o(() => `of-data-table--${d.value}`), m = o(() => e.value > 0 && e.value <= 860 ? "of-data-table--container-tight" : e.value > 0 && e.value <= 1080 ? "of-data-table--container-medium" : "of-data-table--container-wide"), y = o(() => ({
+    "--of-data-table-group-row-height": `${t.value.groupRowHeight}px`,
+    "--of-data-table-mobile-card-padding-x": `${t.value.mobileCardPaddingX}px`,
+    "--of-data-table-mobile-card-padding-y": `${t.value.mobileCardPaddingY}px`,
+    "--of-data-table-new-row-padding-x": `${t.value.mobileCardPaddingX}px`,
+    "--of-data-table-new-row-padding-y": `${t.value.mobileCardPaddingY}px`,
+    "--of-data-table-fill-min-width": `${t.value.fillMinWidth}px`
   }));
   return {
     tableContainerWidth: e,
-    containerDensity: r,
-    densityMetrics: a,
-    densityClass: s,
-    containerWidthClass: b,
-    densityStyle: p,
-    syncTableContainerWidth: d
+    containerDensity: d,
+    densityMetrics: t,
+    densityClass: p,
+    containerWidthClass: m,
+    densityStyle: y,
+    syncTableContainerWidth: f
   };
 }
 export {
-  x as useDataTableLayout
+  M as useDataTableLayout
 };

package/dist/composables/useDatabaseView.d.ts

@@ -1,4 +1,4 @@
 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 type { DatabaseViewActionContext, DatabaseViewActionErrorContext, DatabaseViewActionMiddleware, DatabaseViewActionMiddlewareList, 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>;