nuxt-ui-tools 1.16.8 → 1.16.10

package/dist/module.json

@@ -5,7 +5,7 @@
   "configKey": "nuxtUiTools",
   "docs": "https://ui.nuxt.com/docs/getting-started/installation/nuxt",
   "name": "nuxt-ui-tools",
-  "version": "1.16.8",
+  "version": "1.16.10",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "unknown"

package/dist/runtime/form/components/renderer/form-field-renderer.vue

@@ -86,6 +86,7 @@ const controlAttrs = computed(() => {
 provideFormFieldBare(bare);
 provideFormFieldControlAttrs(controlAttrs);
 const field = computed(() => createFormFieldInstance(props.field));
+const headless = computed(() => !field.value.capability.has("layout"));
 const path = computed(() => fieldPath(props.parentPath, props.field));
 const childPath = computed(() => childParentPath(props.parentPath, props.field));
 const visible = computed(() => form.shouldRender(props.field, path.value));
@@ -200,7 +201,7 @@ function resolveControlLabel(controlField) {
 </script>
 
 <template>
-  <template v-if="visible && bare">
+  <template v-if="visible && (bare || headless)">
     <component :is="renderer" v-if="renderer" v-bind="rendererProps" />
     <UAlert
       v-else

package/dist/runtime/form/components/root/form.vue

@@ -9,6 +9,7 @@ import { useUiToolsLocale } from "#ui-tools/i18n";
 import { useFormActions } from "../../composables/use-form-actions";
 import { useFormGridLayout } from "../../composables/use-form-layout";
 import { useFormRoot } from "../../composables/use-form-root";
+import { createFormFieldInstance } from "../../utils/field-instance";
 import { getFormHeader } from "../../utils/overlay";
 import { isRecord } from "../../utils/path";
 import { isFunction, isNumber, isString } from "../../utils/predicate";
@@ -69,6 +70,11 @@ watch(
 const displayedStep = computed(
   () => isSteppedSchema(schemaRef.value) ? getSchemaSteps(schemaRef.value)[displayedStepIndex.value] : void 0
 );
+const skeletonFields = computed(
+  () => runtime.currentFields.value.filter(
+    (field) => createFormFieldInstance(field).capability.has("layout")
+  )
+);
 const displayedFields = computed(
   () => isSteppedSchema(schemaRef.value) ? displayedStep.value?.fields ?? [] : getSchemaFields(schemaRef.value)
 );
@@ -295,7 +301,7 @@ function getSchemaShowStepper(schema) {
         :style="grid.style.value"
       >
         <div
-          v-for="field in runtime.currentFields.value"
+          v-for="field in skeletonFields"
           :key="field.key"
           :class="mergeFormUiClass('grid gap-2', formUi.ui.value.root?.ui?.skeletonField)"
         >

package/dist/runtime/shared/types/query.d.ts

@@ -1,13 +1,14 @@
-import type { DataTag, QueryFunction, QueryKey, UseQueryOptions } from '@tanstack/vue-query';
+import type { DataTag, QueryFunction, QueryKey, QueryMeta, UseQueryOptions } from '@tanstack/vue-query';
 import type { UnwrapRef } from 'vue';
 /**
  * TanStack query definition accepted by runtime domains that own the `useQuery` call themselves
- * (table sources, dashboard queries): an explicit `queryKey`, an optional `queryFn`, and any other
- * query option.
+ * (table sources, dashboard queries): an explicit `queryKey`, an optional `queryFn`, the `meta`
+ * that every derived table query carries over, and any other query option.
  */
 export type QueryDefinition<TData = unknown> = Omit<UseQueryOptions<TData>, 'queryFn'> & {
     queryKey: QueryKey;
     queryFn?: QueryFunction<TData, QueryKey, string | null>;
+    meta?: QueryMeta;
 };
 /**
  * The smallest query definition: a key and the function that fetches it. Covariant in its data, so

package/dist/runtime/table/composables/use-table-data.js

@@ -289,7 +289,7 @@ export function useTableData(params) {
       ...result
     })),
     queries: () => {
-      if (!isPageContextEnabled.value) {
+      if (!isActiveDataSuccess.value) {
         return [];
       }
       return pageContextItems.value.map(
@@ -298,7 +298,7 @@ export function useTableData(params) {
             context: contextData.value,
             rows: data.value.rows
           }),
-          true,
+          isPageContextEnabled.value,
           {
             refetchOnWindowFocus: QUERY_DEFAULTS.refetchOnWindowFocus,
             staleTime: QUERY_DEFAULTS.staleTime.context
@@ -606,6 +606,7 @@ function createCursorQueryDefinition(options) {
   }
   return {
     enabled: isQueryDefinitionEnabled(firstPageDefinition),
+    meta: firstPageDefinition.meta,
     getNextPageParam(lastPage) {
       return isTableCursorPageResult(lastPage) ? lastPage.pageInfo.nextCursor ?? void 0 : void 0;
     },

package/dist/runtime/table/composables/use-table-filter-options.js

@@ -233,6 +233,7 @@ export function useTableFilterOptions(options) {
             });
             return { result, values };
           },
+          meta: definition.meta,
           queryKey: ["table-filter-page-facets", ...definition.queryKey],
           refetchOnWindowFocus: QUERY_DEFAULTS.refetchOnWindowFocus,
           staleTime: QUERY_DEFAULTS.staleTime.filterOptions

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

@@ -1,4 +1,4 @@
-import type { InfiniteData, QueryFunction, QueryKey, UseQueryOptions } from '@tanstack/vue-query';
+import type { InfiniteData, QueryFunction, QueryKey, QueryMeta, UseQueryOptions } 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';
@@ -19,6 +19,7 @@ export interface TableInfiniteQueryDefinition<TData = unknown> {
     initialPageParam: string | null;
     getNextPageParam: (lastPage: TData, allPages: TData[], lastPageParam: string | null, allPageParams: (string | null)[]) => string | null | undefined;
     enabled?: boolean;
+    meta?: QueryMeta;
     staleTime?: number;
     gcTime?: number;
     refetchOnWindowFocus?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-ui-tools",
-  "version": "1.16.8",
+  "version": "1.16.10",
   "description": "Nuxt module and runtime toolkit for UI-heavy Nuxt applications",
   "homepage": "https://github.com/ChronicStone/nuxt-ui-tools#readme",
   "bugs": "https://github.com/ChronicStone/nuxt-ui-tools/issues",