adminforth 1.3.57-next.13 → 1.3.57-next.15

package/dist/spa/src/views/ListView.vue

@@ -110,13 +110,13 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import BreadcrumbsWithButtons from '@/components/BreadcrumbsWithButtons.vue';
 import ResourceListTable from '@/components/ResourceListTable.vue';
 import { useCoreStore } from '@/stores/core';
 import { useFiltersStore } from '@/stores/filters';
 import { callAdminForthApi, currentQuery, getIcon, setQuery } from '@/utils';
-import { computed, onMounted, ref, watch, nextTick } from 'vue';
+import { computed, onMounted, ref, watch, nextTick, type Ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { showErrorTost } from '@/composables/useFrontendApi'
 import { getCustomComponent, initThreeDotsDropdown } from '@/utils';
@@ -147,7 +147,7 @@ watch(() => sort, async (to, from) => {
   filtersStore.setSort(sort.value);
 }, {deep: true});
 
-const rows = ref(null);
+const rows: Ref<any[]|null> = ref(null);
 const totalRows = ref(0);
 const checkboxes = ref([]);
 
@@ -186,7 +186,7 @@ async function getList() {
   return {}
 }
 
-async function refreshExistingList(pk) {
+async function refreshExistingList(pk?: any) {
   const currentData = rows.value;
   if (!currentData) {
     throw new Error('No rows loaded yet. Silent refresh is possible only after some rows are loaded. COnsider calling getList() instead first');
@@ -213,7 +213,7 @@ async function refreshExistingList(pk) {
       resourceId: route.params.resourceId,
       filters: [
         {
-          field: coreStore.resource.columns.find(c => c.primaryKey).name,
+          field: coreStore.resource!.columns.find(c => c.primaryKey)!.name,
           operator: 'in',
           value: pks
         }
@@ -224,8 +224,8 @@ async function refreshExistingList(pk) {
   if (data.error) {
     return data;
   }
-  data.data.forEach((row) => {
-    const pkKeyName = coreStore.resource.columns.find(c => c.primaryKey).name;
+  data.data.forEach((row: any) => {
+    const pkKeyName = coreStore.resource!.columns.find(c => c.primaryKey)!.name;
 
     const existingRow = currentData.find(r => r._primaryKeyValue === row[pkKeyName]);
     if (existingRow) {
@@ -287,7 +287,7 @@ class SortQuerySerializer {
     }
 }
 
-// let listAutorefresher: any = null;
+let listAutorefresher: any = null;
 
 async function init() {
   
@@ -340,10 +340,10 @@ async function init() {
     clearInterval(listAutorefresher);
     listAutorefresher = null;
   }
-  if (coreStore.resource.options?.listRowsAutoRefreshSeconds) {
+  if (coreStore.resource!.options?.listRowsAutoRefreshSeconds) {
     listAutorefresher = setInterval(async () => {
       await window.adminforth.list.silentRefresh();
-    }, coreStore.resource.options.listRowsAutoRefreshSeconds * 1000);
+    }, coreStore.resource!.options.listRowsAutoRefreshSeconds * 1000);
   }
 }
 
@@ -361,7 +361,7 @@ window.adminforth.list.silentRefresh = async () => {
   return await refreshExistingList();
 }
 
-window.adminforth.list.silentRefreshRow = async (pk) => {
+window.adminforth.list.silentRefreshRow = async (pk: any) => {
   return await refreshExistingList(pk);
 }