@polymarbot/nuxt-layer-shadcn-ui 0.7.0 → 0.7.2

package/app/components/ui/InfiniteDataTable/index.stories.ts

@@ -32,7 +32,7 @@ const columns: DataTableColumn[] = [
   { field: 'createdAt', title: 'Created', width: '140px', type: 'date' },
 ]
 
-/** Mock fetch using offset as the opaque `next` token */
+/** Mock fetch using offset as the opaque cursor */
 function mockFetch (params: InfiniteDataTableFetchParams): Promise<InfiniteDataTableFetchResult<User>> {
   return new Promise(resolve => {
     setTimeout(() => {
@@ -53,7 +53,7 @@ function mockFetch (params: InfiniteDataTableFetchParams): Promise<InfiniteDataT
         })
       }
 
-      const offset = params.next ? Number(params.next) : 0
+      const offset = params.cursor ? Number(params.cursor) : 0
       const items = data.slice(offset, offset + params.limit)
       const nextOffset = offset + items.length
       resolve({

package/app/components/ui/InfiniteDataTable/index.vue

@@ -22,7 +22,7 @@ const T = useTranslations('components.ui.InfiniteDataTable')
 
 const loading = ref(false)
 const internalData = ref<TData[]>([]) as Ref<TData[]>
-const next = ref<string | undefined>(undefined)
+const cursor = ref<string | undefined>(undefined)
 const hasMore = ref(true)
 const total = ref<number | undefined>(undefined)
 const requestVersion = ref(0)
@@ -56,14 +56,14 @@ function getFilters (): Record<string, any> {
 function buildFetchParams (): InfiniteDataTableFetchParams {
   return {
     ...getFilters(),
-    next: next.value,
+    cursor: cursor.value,
     limit: props.pageSize,
   }
 }
 
 function resetState () {
   internalData.value = []
-  next.value = undefined
+  cursor.value = undefined
   hasMore.value = true
   total.value = undefined
 }
@@ -82,7 +82,7 @@ async function loadMore () {
 
     internalData.value = [ ...internalData.value, ...result.items ]
     if (result.total != null) total.value = result.total
-    next.value = result.next
+    cursor.value = result.next
     hasMore.value = !!result.next
   } catch (error) {
     if (currentVersion !== requestVersion.value) return
@@ -141,6 +141,7 @@ watch(() => props.filters, (newVal, oldVal) => {
 // -- Expose --
 
 defineExpose({
+  data: internalData,
   refresh,
   loadMore,
   scrollToTop,

package/app/components/ui/InfiniteDataTable/types.ts

@@ -1,8 +1,8 @@
 import type { DataTableColumn } from '../DataTable/types'
 
 export interface InfiniteDataTableFetchParams {
-  /** Opaque token returned by the previous page; absent on the first page */
-  next?: string
+  /** Opaque cursor pointing at the next page; absent on the first page */
+  cursor?: string
   /** Page size requested */
   limit: number
   /** Filter / sort fields are spread onto the params object */
@@ -11,7 +11,7 @@ export interface InfiniteDataTableFetchParams {
 
 export interface InfiniteDataTableFetchResult<T = Record<string, any>> {
   items: T[]
-  /** Token for the next page; absent signals "no more" */
+  /** Cursor for the next page; pass back as `cursor` on the next request. Absent signals "no more". */
   next?: string
   /** Optional total count */
   total?: number

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polymarbot/nuxt-layer-shadcn-ui",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "description": "Nuxt layer providing shadcn-vue based UI components",
   "type": "module",
   "main": "./nuxt.config.ts",
@@ -42,5 +42,5 @@
     "vue-i18n": "^11",
     "vue-router": "^4 || ^5"
   },
-  "gitHead": "37550d310f0b22d2986416d852f611782694ec8c"
+  "gitHead": "8d49adcf52aef39f5c2d412efb2cd03915d876d0"
 }