nuxt-ui-tools 1.0.0 → 1.1.0

package/dist/runtime/table/composables/use-table-internals.d.ts

@@ -240,7 +240,7 @@ declare function createTableInternals<TSchema>(options: {
         loadMore: () => Promise<import("@tanstack/vue-query").InfiniteQueryObserverRefetchErrorResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverSuccessResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverLoadingErrorResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverPendingResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverPlaceholderResult<unknown, unknown> | undefined>;
         loadMoreError: import("vue").ComputedRef<unknown>;
         loadedCount: import("vue").ComputedRef<number>;
-        mode: import("vue").ComputedRef<"none" | "offset" | "cursor">;
+        mode: import("vue").ComputedRef<"cursor" | "none" | "offset">;
         next: () => void;
         noneState: import("vue").ComputedRef<{
             loadedCount: number;
@@ -270,7 +270,7 @@ declare function createTableInternals<TSchema>(options: {
             isLoadingMore: boolean;
             loadMoreError: unknown;
             loadedCount: number;
-            mode: "none" | "offset" | "cursor";
+            mode: "cursor" | "none" | "offset";
             pageCount: number;
             pageIndex: number;
             pageSize: number;
@@ -294,7 +294,7 @@ declare function createTableInternals<TSchema>(options: {
             readonly pageSize?: undefined;
             readonly pageIndex?: undefined;
         } | {
-            readonly count: "exact" | "none";
+            readonly count: "none" | "exact";
             readonly cursor: null;
             readonly mode: "cursor";
             readonly pageSize: number;
@@ -306,7 +306,7 @@ declare function createTableInternals<TSchema>(options: {
             readonly pageSize: number;
             readonly cursor?: undefined;
         }>;
-        paginationMode: "none" | "offset" | "cursor";
+        paginationMode: "cursor" | "none" | "offset";
         paginationRevision: import("vue").Ref<number, number>;
         resetPagination: () => void;
         setOffsetPagination: (value: {
@@ -314,7 +314,7 @@ declare function createTableInternals<TSchema>(options: {
             pageSize: number;
         }) => void;
         sorting: import("vue").WritableComputedRef<{
-            dir: "desc" | "asc";
+            dir: "asc" | "desc";
             key: string;
         } | null, {
             key: string;
@@ -325,7 +325,7 @@ declare function createTableInternals<TSchema>(options: {
     schema: import("vue").ComputedRef<TableSchemaView>;
     selection: {
         allSelected: import("vue").ComputedRef<boolean>;
-        bulkScope: import("vue").Ref<"selection" | "all", "selection" | "all">;
+        bulkScope: import("vue").Ref<"all" | "selection", "all" | "selection">;
         clearSelection: () => void;
         getRowId: (params: {
             row: import("../types/index.js").GenericObject;
@@ -394,10 +394,10 @@ declare function createTableInternals<TSchema>(options: {
         }) => import("@nuxt/ui/runtime/components/DropdownMenu.d.vue.js").DropdownMenuItem[][];
         getPinnedState: (options: {
             columnId: string;
-        }) => "right" | "left" | null;
+        }) => "left" | "right" | null;
         getSortState: (options: {
             columnId: string;
-        }) => "desc" | "asc" | null;
+        }) => "asc" | "desc" | null;
         orderedColumns: import("vue").ComputedRef<import("../utils/index.js").TableRuntimeColumn[]>;
         reset: () => void;
         runtimeColumns: import("vue").ComputedRef<import("../utils/index.js").TableRuntimeColumn[]>;
@@ -421,7 +421,7 @@ declare function createTableInternals<TSchema>(options: {
         sortKeys: import("vue").ComputedRef<string[]>;
         sortingState: import("vue").ComputedRef<{
             active: boolean;
-            dir: "desc" | "asc" | undefined;
+            dir: "asc" | "desc" | undefined;
             key: string | undefined;
         }>;
         tableColumns: import("vue").ComputedRef<({
@@ -461,7 +461,9 @@ declare function createTableInternals<TSchema>(options: {
                     original: import("../types/index.js").GenericObject;
                     index: number;
                 };
-            }) => import("vue/jsx-runtime").JSX.Element;
+            }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
             enableHiding: boolean;
             enablePinning: boolean;
             enableResizing: boolean;
@@ -494,7 +496,9 @@ declare function createTableInternals<TSchema>(options: {
                     original: import("../types/index.js").GenericObject;
                     index: number;
                 };
-            }) => import("vue/jsx-runtime").JSX.Element;
+            }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
             enableHiding: boolean;
             enablePinning: boolean;
             enableResizing: boolean;
@@ -827,7 +831,7 @@ declare function useProvideTableInternals<TSchema>(options: {
         loadMore: () => Promise<import("@tanstack/vue-query").InfiniteQueryObserverRefetchErrorResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverSuccessResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverLoadingErrorResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverPendingResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverPlaceholderResult<unknown, unknown> | undefined>;
         loadMoreError: import("vue").ComputedRef<unknown>;
         loadedCount: import("vue").ComputedRef<number>;
-        mode: import("vue").ComputedRef<"none" | "offset" | "cursor">;
+        mode: import("vue").ComputedRef<"cursor" | "none" | "offset">;
         next: () => void;
         noneState: import("vue").ComputedRef<{
             loadedCount: number;
@@ -857,7 +861,7 @@ declare function useProvideTableInternals<TSchema>(options: {
             isLoadingMore: boolean;
             loadMoreError: unknown;
             loadedCount: number;
-            mode: "none" | "offset" | "cursor";
+            mode: "cursor" | "none" | "offset";
             pageCount: number;
             pageIndex: number;
             pageSize: number;
@@ -881,7 +885,7 @@ declare function useProvideTableInternals<TSchema>(options: {
             readonly pageSize?: undefined;
             readonly pageIndex?: undefined;
         } | {
-            readonly count: "exact" | "none";
+            readonly count: "none" | "exact";
             readonly cursor: null;
             readonly mode: "cursor";
             readonly pageSize: number;
@@ -893,7 +897,7 @@ declare function useProvideTableInternals<TSchema>(options: {
             readonly pageSize: number;
             readonly cursor?: undefined;
         }>;
-        paginationMode: "none" | "offset" | "cursor";
+        paginationMode: "cursor" | "none" | "offset";
         paginationRevision: import("vue").Ref<number, number>;
         resetPagination: () => void;
         setOffsetPagination: (value: {
@@ -901,7 +905,7 @@ declare function useProvideTableInternals<TSchema>(options: {
             pageSize: number;
         }) => void;
         sorting: import("vue").WritableComputedRef<{
-            dir: "desc" | "asc";
+            dir: "asc" | "desc";
             key: string;
         } | null, {
             key: string;
@@ -912,7 +916,7 @@ declare function useProvideTableInternals<TSchema>(options: {
     schema: import("vue").ComputedRef<TableSchemaView>;
     selection: {
         allSelected: import("vue").ComputedRef<boolean>;
-        bulkScope: import("vue").Ref<"selection" | "all", "selection" | "all">;
+        bulkScope: import("vue").Ref<"all" | "selection", "all" | "selection">;
         clearSelection: () => void;
         getRowId: (params: {
             row: import("../types/index.js").GenericObject;
@@ -981,10 +985,10 @@ declare function useProvideTableInternals<TSchema>(options: {
         }) => import("@nuxt/ui/runtime/components/DropdownMenu.d.vue.js").DropdownMenuItem[][];
         getPinnedState: (options: {
             columnId: string;
-        }) => "right" | "left" | null;
+        }) => "left" | "right" | null;
         getSortState: (options: {
             columnId: string;
-        }) => "desc" | "asc" | null;
+        }) => "asc" | "desc" | null;
         orderedColumns: import("vue").ComputedRef<import("../utils/index.js").TableRuntimeColumn[]>;
         reset: () => void;
         runtimeColumns: import("vue").ComputedRef<import("../utils/index.js").TableRuntimeColumn[]>;
@@ -1008,7 +1012,7 @@ declare function useProvideTableInternals<TSchema>(options: {
         sortKeys: import("vue").ComputedRef<string[]>;
         sortingState: import("vue").ComputedRef<{
             active: boolean;
-            dir: "desc" | "asc" | undefined;
+            dir: "asc" | "desc" | undefined;
             key: string | undefined;
         }>;
         tableColumns: import("vue").ComputedRef<({
@@ -1048,7 +1052,9 @@ declare function useProvideTableInternals<TSchema>(options: {
                     original: import("../types/index.js").GenericObject;
                     index: number;
                 };
-            }) => import("vue/jsx-runtime").JSX.Element;
+            }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
             enableHiding: boolean;
             enablePinning: boolean;
             enableResizing: boolean;
@@ -1081,7 +1087,9 @@ declare function useProvideTableInternals<TSchema>(options: {
                     original: import("../types/index.js").GenericObject;
                     index: number;
                 };
-            }) => import("vue/jsx-runtime").JSX.Element;
+            }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
             enableHiding: boolean;
             enablePinning: boolean;
             enableResizing: boolean;
@@ -1411,7 +1419,7 @@ declare function useTableInternals(): {
         loadMore: () => Promise<import("@tanstack/vue-query").InfiniteQueryObserverRefetchErrorResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverSuccessResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverLoadingErrorResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverPendingResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverPlaceholderResult<unknown, unknown> | undefined>;
         loadMoreError: import("vue").ComputedRef<unknown>;
         loadedCount: import("vue").ComputedRef<number>;
-        mode: import("vue").ComputedRef<"none" | "offset" | "cursor">;
+        mode: import("vue").ComputedRef<"cursor" | "none" | "offset">;
         next: () => void;
         noneState: import("vue").ComputedRef<{
             loadedCount: number;
@@ -1441,7 +1449,7 @@ declare function useTableInternals(): {
             isLoadingMore: boolean;
             loadMoreError: unknown;
             loadedCount: number;
-            mode: "none" | "offset" | "cursor";
+            mode: "cursor" | "none" | "offset";
             pageCount: number;
             pageIndex: number;
             pageSize: number;
@@ -1465,7 +1473,7 @@ declare function useTableInternals(): {
             readonly pageSize?: undefined;
             readonly pageIndex?: undefined;
         } | {
-            readonly count: "exact" | "none";
+            readonly count: "none" | "exact";
             readonly cursor: null;
             readonly mode: "cursor";
             readonly pageSize: number;
@@ -1477,7 +1485,7 @@ declare function useTableInternals(): {
             readonly pageSize: number;
             readonly cursor?: undefined;
         }>;
-        paginationMode: "none" | "offset" | "cursor";
+        paginationMode: "cursor" | "none" | "offset";
         paginationRevision: import("vue").Ref<number, number>;
         resetPagination: () => void;
         setOffsetPagination: (value: {
@@ -1485,7 +1493,7 @@ declare function useTableInternals(): {
             pageSize: number;
         }) => void;
         sorting: import("vue").WritableComputedRef<{
-            dir: "desc" | "asc";
+            dir: "asc" | "desc";
             key: string;
         } | null, {
             key: string;
@@ -1496,7 +1504,7 @@ declare function useTableInternals(): {
     schema: import("vue").ComputedRef<TableSchemaView>;
     selection: {
         allSelected: import("vue").ComputedRef<boolean>;
-        bulkScope: import("vue").Ref<"selection" | "all", "selection" | "all">;
+        bulkScope: import("vue").Ref<"all" | "selection", "all" | "selection">;
         clearSelection: () => void;
         getRowId: (params: {
             row: import("../types/index.js").GenericObject;
@@ -1565,10 +1573,10 @@ declare function useTableInternals(): {
         }) => import("@nuxt/ui/runtime/components/DropdownMenu.d.vue.js").DropdownMenuItem[][];
         getPinnedState: (options: {
             columnId: string;
-        }) => "right" | "left" | null;
+        }) => "left" | "right" | null;
         getSortState: (options: {
             columnId: string;
-        }) => "desc" | "asc" | null;
+        }) => "asc" | "desc" | null;
         orderedColumns: import("vue").ComputedRef<import("../utils/index.js").TableRuntimeColumn[]>;
         reset: () => void;
         runtimeColumns: import("vue").ComputedRef<import("../utils/index.js").TableRuntimeColumn[]>;
@@ -1592,7 +1600,7 @@ declare function useTableInternals(): {
         sortKeys: import("vue").ComputedRef<string[]>;
         sortingState: import("vue").ComputedRef<{
             active: boolean;
-            dir: "desc" | "asc" | undefined;
+            dir: "asc" | "desc" | undefined;
             key: string | undefined;
         }>;
         tableColumns: import("vue").ComputedRef<({
@@ -1632,7 +1640,9 @@ declare function useTableInternals(): {
                     original: import("../types/index.js").GenericObject;
                     index: number;
                 };
-            }) => import("vue/jsx-runtime").JSX.Element;
+            }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
             enableHiding: boolean;
             enablePinning: boolean;
             enableResizing: boolean;
@@ -1665,7 +1675,9 @@ declare function useTableInternals(): {
                     original: import("../types/index.js").GenericObject;
                     index: number;
                 };
-            }) => import("vue/jsx-runtime").JSX.Element;
+            }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
             enableHiding: boolean;
             enablePinning: boolean;
             enableResizing: boolean;

package/dist/runtime/table/composables/use-table-pagination.d.ts

@@ -25,7 +25,7 @@ export declare function useTablePagination(options: UseTablePaginationParams): {
     loadMore: () => Promise<import("@tanstack/vue-query").InfiniteQueryObserverRefetchErrorResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverSuccessResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverLoadingErrorResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverPendingResult<unknown, unknown> | import("@tanstack/vue-query").InfiniteQueryObserverPlaceholderResult<unknown, unknown> | undefined>;
     loadMoreError: ComputedRef<unknown>;
     loadedCount: ComputedRef<number>;
-    mode: ComputedRef<"none" | "offset" | "cursor">;
+    mode: ComputedRef<"cursor" | "none" | "offset">;
     next: () => void;
     noneState: ComputedRef<{
         loadedCount: number;
@@ -55,7 +55,7 @@ export declare function useTablePagination(options: UseTablePaginationParams): {
         isLoadingMore: boolean;
         loadMoreError: unknown;
         loadedCount: number;
-        mode: "none" | "offset" | "cursor";
+        mode: "cursor" | "none" | "offset";
         pageCount: number;
         pageIndex: number;
         pageSize: number;

package/dist/runtime/table/composables/use-table-selection.d.ts

@@ -7,7 +7,7 @@ export interface UseTableSelectionParams {
 }
 export declare function useTableSelection(options: UseTableSelectionParams): {
     allSelected: ComputedRef<boolean>;
-    bulkScope: import("vue").Ref<"selection" | "all", "selection" | "all">;
+    bulkScope: import("vue").Ref<"all" | "selection", "all" | "selection">;
     clearSelection: () => void;
     getRowId: (params: {
         row: GenericObject;

package/dist/runtime/table/composables/use-table-state.d.ts

@@ -21,7 +21,7 @@ export declare function useTableState(params: UseTableStateParams): {
             readonly pageSize?: undefined;
             readonly pageIndex?: undefined;
         } | {
-            readonly count: "exact" | "none";
+            readonly count: "none" | "exact";
             readonly cursor: null;
             readonly mode: "cursor";
             readonly pageSize: number;
@@ -33,7 +33,7 @@ export declare function useTableState(params: UseTableStateParams): {
             readonly pageSize: number;
             readonly cursor?: undefined;
         }>;
-        paginationMode: "none" | "offset" | "cursor";
+        paginationMode: "cursor" | "none" | "offset";
         paginationRevision: import("vue").Ref<number, number>;
         resetPagination: () => void;
         setOffsetPagination: (value: {
@@ -41,7 +41,7 @@ export declare function useTableState(params: UseTableStateParams): {
             pageSize: number;
         }) => void;
         sorting: import("vue").WritableComputedRef<{
-            dir: "desc" | "asc";
+            dir: "asc" | "desc";
             key: string;
         } | null, {
             key: string;

package/dist/runtime/table/types/actions.d.ts

@@ -1,5 +1,5 @@
 import type { DropdownMenuItem } from '@nuxt/ui/components/DropdownMenu.vue';
-import type { TableSourceRequestContext } from './source.js';
+import type { TableRemoteSourceRequest } from './source.js';
 import type { TableApi } from './table-api.js';
 import type { GenericObject, MaybePromise, TableLayout, TableRowRenderParams, TableTextValue } from './utils.js';
 export interface TableActionContext<TRow extends GenericObject = GenericObject, TContext extends GenericObject = GenericObject, TPageContext extends GenericObject = GenericObject> {
@@ -10,7 +10,7 @@ export interface TableActionContext<TRow extends GenericObject = GenericObject,
     matchingCount: number | null;
     context: TContext;
     pageContext: TPageContext;
-    request: TableSourceRequestContext<TRow, TContext>;
+    request: TableRemoteSourceRequest<TRow>;
 }
 export interface TableToolbarAction<TRow extends GenericObject = GenericObject, TContext extends GenericObject = GenericObject, TPageContext extends GenericObject = GenericObject> extends Omit<DropdownMenuItem, 'children' | 'disabled' | 'loading' | 'label' | 'onSelect'> {
     key: string;
@@ -22,6 +22,7 @@ export interface TableToolbarAction<TRow extends GenericObject = GenericObject,
 }
 export interface TableBulkAction<TRow extends GenericObject = GenericObject, TContext extends GenericObject = GenericObject, TPageContext extends GenericObject = GenericObject> extends TableToolbarAction<TRow, TContext, TPageContext> {
     requiresSelection?: boolean;
+    selectionClear?: 'trigger' | 'success' | 'never';
 }
 /** Runtime state exposed for a configured toolbar or bulk action. */
 export interface TableActionState {

package/dist/runtime/table/types/data-list.d.ts

@@ -4,7 +4,15 @@ import type { CheckboxProps } from '@nuxt/ui/components/Checkbox.vue';
 import type { InputProps } from '@nuxt/ui/components/Input.vue';
 import type { PaginationProps } from '@nuxt/ui/components/Pagination.vue';
 import type { SelectProps } from '@nuxt/ui/components/Select.vue';
+import type { ComputedRef } from 'vue';
+import type { TableInternals } from '../composables/use-table-internals.js';
 import type { TableLayout } from './utils.js';
+export interface DataListTable {
+    schema: ComputedRef<{
+        tableKey: string;
+    }>;
+    __internals: TableInternals;
+}
 export type DataListDensity = 'compact' | 'default' | 'comfortable';
 export type DataListControlSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 /** Controls whether a granular content part owns its table boundary. */

package/dist/runtime/table/types/source.d.ts

@@ -1,10 +1,9 @@
-import type { InfiniteData, QueryFunction, QueryKey, UseQueryOptions } from '@tanstack/vue-query';
+import type { InfiniteData, QueryFunction, QueryKey } from '@tanstack/vue-query';
+import type { QueryDefinition } from '../../shared/types/query.js';
 import type { TableResolvedFilterGroup } from './filters.js';
 import type { GenericObject, TableKnownFieldPath, TablePaginationState, TableSortKey, TableSortingRule, TableRowsFromSourceResult } from './utils.js';
-export type TableQueryDefinition<TData = unknown> = Omit<UseQueryOptions<TData>, 'queryFn'> & {
-    queryKey: QueryKey;
-    queryFn?: QueryFunction<TData, QueryKey, string | null>;
-};
+/** Table name of the shared `QueryDefinition`, kept for public type compatibility. */
+export type TableQueryDefinition<TData = unknown> = QueryDefinition<TData>;
 export interface TableInfiniteQueryDefinition<TData = unknown> {
     queryKey: QueryKey;
     queryFn: QueryFunction<TData, QueryKey, string | null>;
@@ -89,6 +88,15 @@ export interface TableSourceRequestContext<TRow extends GenericObject = GenericO
     context: TContext;
     facets?: TableGlobalFacetDescriptor<TableKnownFieldPath<TRow> | string>[];
 }
+export interface TableRemoteSourceRequest<TRow extends GenericObject = GenericObject, TSortKey extends string = TableSortKey<TRow>> {
+    pagination?: Exclude<TablePaginationState, {
+        mode: 'none';
+    }>;
+    sorting: TableSortingRule<TSortKey>[];
+    filters: TableResolvedFilterGroup<TableKnownFieldPath<TRow> | string>[];
+    search: TableSourceSearchRequest<TRow>;
+    facets?: TableGlobalFacetDescriptor<TableKnownFieldPath<TRow> | string>[];
+}
 export interface TableFacetsContext<TRow extends GenericObject = GenericObject, TContext extends GenericObject = GenericObject, TKey extends string = TableKnownFieldPath<TRow> | string> {
     filters: TableResolvedFilterGroup<TKey>;
     search: TableSourceSearchRequest<TRow>;
@@ -102,7 +110,7 @@ export interface TableClientSource<TRow extends GenericObject = GenericObject, T
 export type TableRemoteFacetSource<TRow extends GenericObject = GenericObject, TContext extends GenericObject = GenericObject, TKey extends string = TableKnownFieldPath<TRow> | string> = true | ((ctx: TableFacetsContext<TRow, TContext, TKey>) => TableQueryDefinition<TableFacetExecutionResult<TKey>>);
 export interface TableRemoteSource<TRow extends GenericObject = GenericObject, TContext extends GenericObject = GenericObject, TResult = TableSourceExecutionResult<TRow, TableKnownFieldPath<TRow> | string> | TableOffsetPageResult<TRow, TableKnownFieldPath<TRow> | string> | TableCursorPageResult<TRow, TableKnownFieldPath<TRow> | string>> {
     mode: 'remote';
-    query: (ctx: TableSourceRequestContext<TRow, TContext>) => TableQueryDefinition<TResult>;
+    query: (request: TableRemoteSourceRequest<TRow>, context: TContext) => TableQueryDefinition<TResult>;
     facets?: TableRemoteFacetSource<TRow, TContext>;
 }
 export type TableSource<TRow extends GenericObject = GenericObject, TContext extends GenericObject = GenericObject, TResult = TableSourceExecutionResult<TRow> | TRow[]> = TableClientSource<TRow, TContext, Extract<TResult, TableSourceExecutionResult<TRow> | TRow[]> extends never ? TableSourceExecutionResult<TRow> | TRow[] : Extract<TResult, TableSourceExecutionResult<TRow> | TRow[]>> | TableRemoteSource<TRow, TContext, Extract<TResult, TableSourceExecutionResult<TRow, TableKnownFieldPath<TRow> | string> | TableOffsetPageResult<TRow, TableKnownFieldPath<TRow> | string> | TableCursorPageResult<TRow, TableKnownFieldPath<TRow> | string>> extends never ? TableSourceExecutionResult<TRow, TableKnownFieldPath<TRow> | string> | TableOffsetPageResult<TRow, TableKnownFieldPath<TRow> | string> | TableCursorPageResult<TRow, TableKnownFieldPath<TRow> | string> : Extract<TResult, TableSourceExecutionResult<TRow, TableKnownFieldPath<TRow> | string> | TableOffsetPageResult<TRow, TableKnownFieldPath<TRow> | string> | TableCursorPageResult<TRow, TableKnownFieldPath<TRow> | string>>>;

package/dist/runtime/table/utils/builders/table-source.d.ts

@@ -1,9 +1,5 @@
-import type { QueryFunctionContext, QueryKey } from '@tanstack/vue-query';
-import type { GenericObject, TableClientSource, TableCursorPageResult, TableGlobalFacetDescriptor, TableOffsetPageResult, TablePaginationState, TableQueryDefinition, TableRemoteSource, TableResolvedFilterGroup, TableRowsFromSourceResult, TableSourceExecutionResult, TableSortingRule } from '../../types/index.js';
-interface TableSourceRowsResult {
-    rows: readonly GenericObject[];
-}
-type TableSourceResult = readonly GenericObject[] | TableSourceRowsResult;
+import type { QueryKey, UseQueryOptions } from '@tanstack/vue-query';
+import type { GenericObject, TableClientSource, TableCursorPageResult, TableGlobalFacetDescriptor, TableOffsetPageResult, TablePaginationState, TableRemoteSource, TableRemoteSourceRequest, TableResolvedFilterGroup, TableRowsFromSourceResult, TableSourceExecutionResult, TableSortingRule } from '../../types/index.js';
 type TableSourceRow<TResult> = TableRowsFromSourceResult<Awaited<TResult>> extends infer TRow ? TRow extends GenericObject ? TRow : GenericObject : GenericObject;
 type ClientTableSourceResult<TResult> = TResult extends readonly GenericObject[] ? TableSourceRow<TResult>[] : TableSourceExecutionResult<TableSourceRow<TResult>>;
 type RemoteTableSourceResult<TResult> = TResult extends {
@@ -26,16 +22,19 @@ interface TableSourceInferenceContext {
     context: GenericObject;
     facets?: TableGlobalFacetDescriptor<never>[];
 }
-type TableSourceQueryDefinition<TResult> = Omit<TableQueryDefinition<unknown>, 'queryFn'> & {
-    queryFn: (context: QueryFunctionContext<QueryKey, string | null>) => TResult | Promise<TResult>;
-};
-interface ClientTableSourceInput<TResult extends TableSourceResult> {
+interface TableSourceQueryDefinition {
+    queryKey: QueryKey;
+}
+type TableSourceQueryResult<TQuery> = TQuery extends {
+    queryFn: (...args: never[]) => infer TResult;
+} ? Awaited<TResult> : TQuery extends UseQueryOptions<infer _TQueryFnData, infer _TError, infer TResult, infer _TQueryData, infer _TQueryKey> ? Awaited<TResult> : never;
+interface ClientTableSourceInput<TQuery extends TableSourceQueryDefinition> {
     mode?: 'client';
-    query: (context: TableSourceInferenceContext) => TableSourceQueryDefinition<TResult>;
+    query: (context: TableSourceInferenceContext) => TQuery;
 }
-interface RemoteTableSourceInput<TResult extends TableSourceRowsResult> {
+interface RemoteTableSourceInput<TQuery extends TableSourceQueryDefinition> {
     mode: 'remote';
-    query: (context: TableSourceInferenceContext) => TableSourceQueryDefinition<TResult>;
+    query: (request: TableRemoteSourceRequest<GenericObject, string>, context: GenericObject) => TQuery;
     facets?: TableRemoteSource['facets'];
 }
 /**
@@ -55,6 +54,6 @@ interface RemoteTableSourceInput<TResult extends TableSourceRowsResult> {
  * })
  * ```
  */
-export declare function tableSource<TResult extends TableSourceRowsResult>(source: RemoteTableSourceInput<TResult>): TableRemoteSource<TableSourceRow<TResult>, GenericObject, RemoteTableSourceResult<TResult>>;
-export declare function tableSource<TResult extends TableSourceResult>(source: ClientTableSourceInput<TResult>): TableClientSource<TableSourceRow<TResult>, GenericObject, ClientTableSourceResult<TResult>>;
+export declare function tableSource<TQuery extends TableSourceQueryDefinition>(source: RemoteTableSourceInput<TQuery>): TableRemoteSource<TableSourceRow<TableSourceQueryResult<TQuery>>, GenericObject, RemoteTableSourceResult<TableSourceQueryResult<TQuery>>>;
+export declare function tableSource<TQuery extends TableSourceQueryDefinition>(source: ClientTableSourceInput<TQuery>): TableClientSource<TableSourceRow<TableSourceQueryResult<TQuery>>, GenericObject, ClientTableSourceResult<TableSourceQueryResult<TQuery>>>;
 export {};

package/dist/runtime/table/utils/client-query.d.ts

@@ -13,7 +13,7 @@ export declare function executeClientFacets<TRow extends GenericObject = Generic
 export declare function filterClientRows<TRow extends GenericObject>(params: {
     rows: Iterable<TRow>;
     filters: TableResolvedFilterGroup<string>;
-    search: TableSourceRequestContext<TRow>['search'];
+    search: TableSourceRequestContext['search'];
 }): TRow[];
 export declare function sortClientRows<TRow extends GenericObject>(params: {
     rows: Iterable<TRow>;

package/dist/runtime/table/utils/columns/menu.d.ts

@@ -36,4 +36,4 @@ export declare function getColumnHeaderIcon(options: {
         columnId: string;
     }) => 'left' | 'right' | null;
     canHide?: boolean;
-}): "i-lucide-arrow-up" | "i-lucide-arrow-down" | "i-lucide-chevrons-up-down" | "i-lucide-grip-vertical";
+}): "i-lucide-chevrons-up-down" | "i-lucide-arrow-up" | "i-lucide-arrow-down" | "i-lucide-grip-vertical";

package/dist/runtime/table/utils/columns/render.d.ts

@@ -1,6 +1,6 @@
 /** @jsxImportSource vue */
 import type { DropdownMenuItem } from '@nuxt/ui/components/DropdownMenu.vue';
-import type { VNodeChild } from 'vue';
+import { type VNodeChild } from 'vue';
 import type { GenericObject } from '../../types/index.js';
 import type { SchemaTableColumn, TableColumnRenderParams, TableRuntimeColumn, UseTableColumnsParams } from './types.js';
 export declare function createSelectionColumn(options: {
@@ -55,7 +55,9 @@ export declare function createDataColumns(options: {
             original: GenericObject;
             index: number;
         };
-    }) => import("vue/jsx-runtime").JSX.Element;
+    }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
     enableHiding: boolean;
     enablePinning: boolean;
     enableResizing: boolean;
@@ -88,7 +90,9 @@ export declare function createDataColumns(options: {
             original: GenericObject;
             index: number;
         };
-    }) => import("vue/jsx-runtime").JSX.Element;
+    }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
     enableHiding: boolean;
     enablePinning: boolean;
     enableResizing: boolean;
@@ -134,7 +138,9 @@ export declare function createDataColumns(options: {
     minSize: number;
     size: number | undefined;
 })[];
-export declare function renderColumnCell(options: TableColumnRenderParams): import("vue/jsx-runtime").JSX.Element;
+export declare function renderColumnCell(options: TableColumnRenderParams): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
 export declare function wrapEllipsisContent(options: {
     column: SchemaTableColumn;
     content: VNodeChild;
@@ -157,7 +163,9 @@ export declare function createRowActionsColumn(options: {
             original: GenericObject;
             index: number;
         };
-    }) => import("vue/jsx-runtime").JSX.Element;
+    }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
     enableHiding: boolean;
     enablePinning: boolean;
     enableResizing: boolean;

package/dist/runtime/table/utils/columns/render.js

@@ -1,4 +1,5 @@
 import { jsx } from "vue/jsx-runtime";
+import { h } from "vue";
 import {
   isArray,
   isFunction,
@@ -258,7 +259,7 @@ export function createRowActionsColumn(options) {
         row: row.original,
         rowIndex: row.index
       });
-      return /* @__PURE__ */ jsx(TableRowScopeProvider, { scope, children: /* @__PURE__ */ jsx(TableRowActionsControl, {}) });
+      return h(TableRowScopeProvider, { scope }, { default: () => /* @__PURE__ */ jsx(TableRowActionsControl, {}) });
     },
     enableHiding: false,
     enablePinning: true,
@@ -288,7 +289,7 @@ export function createRowActionsColumn(options) {
   };
 }
 function wrapRowScope(options) {
-  return /* @__PURE__ */ jsx(TableRowScopeProvider, { scope: options.scope, children: options.content });
+  return h(TableRowScopeProvider, { scope: options.scope }, { default: () => options.content });
 }
 function resolvePlainRenderContext(params) {
   const contextSource = params.data.contextData.value;

package/dist/runtime/table/utils/columns/state.d.ts

@@ -186,4 +186,4 @@ export declare function createResetColumnState(options: {
 export declare function getPinnedState(options: {
     currentState: TableColumnState;
     columnId: string;
-}): "right" | "left" | null;
+}): "left" | "right" | null;

package/dist/runtime/table/utils/data-list-ui.d.ts

@@ -73,7 +73,7 @@ export declare function resolveDataListControlGeometry(size: DataListControlSize
     toolbarGap: string;
 };
 /** Downsizes controls nested inside another control, such as preview badges in filter tags. */
-export declare function resolveDataListNestedControlSize(size: DataListControlSize): "sm" | "md" | "lg" | "xs";
+export declare function resolveDataListNestedControlSize(size: DataListControlSize): "xs" | "sm" | "md" | "lg";
 /** Maps the resolved DataList size to table header, row, cell, and skeleton geometry. */
 export declare function resolveDataListTableSize(size: DataListControlSize): {
     cell: string;