chore: update modal store functions to use resolve/reject directly, enhance type definitions in modal and views for better type safety

Author: yaroslav8765

adminforth/spa/src/adminforth.ts

@@ -81,8 +81,8 @@ class FrontendAPI implements FrontendAPIInterface {
         acceptText: params.yes || 'Yes',
         cancelText: params.no || 'Cancel' 
       })
-      this.modalStore.onAcceptFunction = () => resolve(true)
-      this.modalStore.onCancelFunction = () => resolve(false)
+      this.modalStore.onAcceptFunction = resolve
+      this.modalStore.onCancelFunction = reject
       this.modalStore.togleModal()
     })
   }

adminforth/spa/src/stores/modal.ts

@@ -2,10 +2,10 @@ import { ref } from 'vue'
 import { defineStore } from 'pinia'
 
  type ModalContentType = {
-  title: string;
-  content: string;
-  acceptText: string;
-  cancelText: string;
+  title?: string;
+  content?: string;
+  acceptText?: string;
+  cancelText?: string;
  }
 
 
@@ -29,7 +29,12 @@ export const useModalStore = defineStore('modal', () => {
     onCancelFunction.value = func;
   }
   function setModalContent(content: ModalContentType) {
-    modalContent.value = content;
+    modalContent.value = {
+      title: content.title || 'title',
+      content: content.content || 'content',
+      acceptText: content.acceptText || 'acceptText',
+      cancelText: content.cancelText || 'cancelText',
+    };
   }
   function resetmodalState() {
     isOpened.value = false;

adminforth/spa/src/views/ListView.vue

@@ -38,7 +38,7 @@
         <button
           v-if="!action.showInThreeDotsDropdown"
           :key="action.id"
-          @click="startBulkAction(action.id)"
+          @click="startBulkAction(action.id!)"
           class="flex gap-1 items-center py-1 px-3 text-sm font-medium text-lightListViewButtonText focus:outline-none bg-lightListViewButtonBackground rounded-default border border-lightListViewButtonBorder hover:bg-lightListViewButtonBackgroundHover hover:text-lightListViewButtonTextHover focus:z-10 focus:ring-4 focus:ring-lightListViewButtonFocusRing dark:focus:ring-darkListViewButtonFocusRing dark:bg-darkListViewButtonBackground dark:text-darkListViewButtonText dark:border-darkListViewButtonBorder dark:hover:text-darkListViewButtonTextHover dark:hover:bg-darkListViewButtonBackgroundHover"
           :class="action.buttonCustomCssClass || ''"
         >
@@ -326,7 +326,7 @@ async function refreshExistingList(pk?: any) {
 }
 
 
-async function startBulkAction(actionId: any) {
+async function startBulkAction(actionId: string) {
   const action = coreStore.resource?.options?.bulkActions?.find(a => a.id === actionId);
   if (action?.confirm) {
     const confirmed = await adminforth.confirm({

adminforth/spa/src/views/ShowView.vue

@@ -139,7 +139,7 @@ import ShowTable from '@/components/ShowTable.vue';
 import adminforth from "@/adminforth";
 import { useI18n } from 'vue-i18n';
 import { getIcon } from '@/utils';
-import { type AdminForthComponentDeclarationFull, type FieldGroup, type AdminForthResourceColumnCommon } from '@/types/Common.js';
+import { type AdminForthComponentDeclarationFull, type AdminForthResourceColumnCommon } from '@/types/Common.js';
 
 const route = useRoute();
 const router = useRouter();
@@ -150,13 +150,13 @@ const coreStore = useCoreStore();
 const actionLoadingStates = ref<Record<string, boolean>>({});
 
 const customActions = computed(() => {
-  return coreStore.resource?.options?.actions?.filter(a => a.showIn?.showThreeDotsMenu) || [];
+  return coreStore.resource?.options?.actions?.filter((a: any) => a.showIn?.showThreeDotsMenu) || [];
 });
 
 onMounted(async () => {
   loading.value = true;
   await coreStore.fetchResourceFull({
-    resourceId: route.params.resourceId as string, //route.params.resourceId has type string | string[], but chance, that resourceId can be array is very low
+    resourceId: route.params.resourceId as string,
   });
   initThreeDotsDropdown();
   await coreStore.fetchRecord({
@@ -234,7 +234,7 @@ async function deleteRecord() {
     
 }
 
-async function startCustomAction(actionId: any) {  
+async function startCustomAction(actionId: string) {  
   actionLoadingStates.value[actionId] = true;
 
   const data = await callAdminForthApi({