@motor-cms/ui-media 2.0.1 → 3.0.1

package/app/components/media/Gallery.vue

@@ -73,9 +73,12 @@ const hasMore = computed(() => currentPage.value < lastPage.value)
 
 // Build fetch params combining filters with internal page
 function buildParams(page: number): GridParams {
+  const sortField = gridState.state.sort ?? 'created_at'
+  const sortDirection = gridState.state.sort ? gridState.state.direction : 'desc'
   const params: GridParams = {
     page,
-    per_page: props.perPage
+    per_page: props.perPage,
+    sort: sortDirection === 'desc' ? `${sortField}:desc` : sortField
   }
   if (gridState.state.search) params.search = gridState.state.search
   Object.entries(gridState.state.filters).forEach(([key, value]) => {
@@ -146,9 +149,11 @@ const { error: ssrError } = await useAsyncData(
 if (ssrError.value) fetchError.value = ssrError.value
 initialLoading.value = false
 
-// Watch filter/search changes — reset accumulated data
+// Watch filter/search/sort changes — reset accumulated data
 const filterKey = computed(() => JSON.stringify({
   search: gridState.state.search,
+  sort: gridState.state.sort,
+  direction: gridState.state.direction,
   filters: gridState.state.filters
 }))
 

package/app/pages/motor-media/files/index.vue

@@ -120,7 +120,7 @@ const fetchFiles = useGridFetch<File>('/api/v2/files')
       <!-- Gallery view -->
       <MediaGallery
         v-if="viewMode === 'gallery'"
-        id="files-gallery"
+        id="files"
         :fetch="fetchFiles"
         :filters="filters"
         :bulk-actions="bulkActions"
@@ -140,7 +140,7 @@ const fetchFiles = useGridFetch<File>('/api/v2/files')
       <!-- Table view -->
       <GridBase
         v-else
-        id="files-grid"
+        id="files"
         :fetch="fetchFiles"
         :columns="columns"
         :filters="filters"
@@ -150,6 +150,8 @@ const fetchFiles = useGridFetch<File>('/api/v2/files')
         :row-actions="rowActions"
         write-permission="files.write"
         delete-permission="files.delete"
+        default-sort="created_at"
+        default-direction="desc"
         :row-click-to="(row: any) => `/motor-media/files/${row.id}/edit`"
       />
   </GridPage>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@motor-cms/ui-media",
-  "version": "2.0.1",
+  "version": "3.0.1",
   "type": "module",
   "main": "./nuxt.config.ts",
   "files": [
@@ -13,7 +13,7 @@
     "@vueuse/core": "^14.0.0"
   },
   "peerDependencies": {
-    "@motor-cms/ui-core": ">=2.0.1",
+    "@motor-cms/ui-core": ">=3.0.1",
     "nuxt": "^4.0.0",
     "vue": "^3.5.0"
   }