wip

src/composables/index.ts

@@ -27,7 +27,6 @@ import type {
   ListPaginationOptions,
   ListSortOptions,
   ListStyleOptions,
-  ListConfig,
   SortDir,
 } from "./list"
 
@@ -36,7 +35,6 @@ export type {
   UseBaseAPI,
   DynamicTableOptions,
   DynamicTableAPI,
-  ListConfig,
   ListFilterOptions,
   ListPaginationOptions,
   ListSortOptions,

src/composables/list.ts

@@ -35,7 +35,6 @@ export interface ListStyleOptions {
 export interface ListConfig {
   filter?: ListFilterOptions
   pagination?: ListPaginationOptions
-  sort?: ListSortOptions
   style?: ListStyleOptions
 }
 

src/lib-components/lists/DetailList.vue

@@ -1,16 +1,44 @@
 <script setup lang="ts">
 import { computed, ref, watch } from "vue"
 import { useAppFlasher } from "@/composables"
-import { DynamicListAPI, ListConfig } from "@/composables/list"
+import {
+  DynamicListAPI,
+  ListFilterOptions,
+  ListPaginationOptions,
+  ListStyleOptions,
+} from "@/composables/list"
 import { SearchIcon } from "@heroicons/vue/outline"
 import BaseAPI from "../../api/base"
 import DateFilter from "../layout/DateFilter.vue"
 import Paginator from "../navigation/Paginator.vue"
 
-const props = defineProps<{
-  config: ListConfig
-  url: string
-}>()
+const props = withDefaults(
+  defineProps<{
+    config?: {
+      filter?: ListFilterOptions
+      pagination?: ListPaginationOptions
+      style?: ListStyleOptions
+    }
+    url: string
+  }>(),
+  {
+    config: () => {
+      return {
+        filter: {
+          date: false,
+          query: false,
+        },
+        pagination: {
+          alwaysHideNav: false,
+          perPage: 10,
+        },
+        style: {
+          borderless: false,
+        },
+      }
+    },
+  }
+)
 
 const dateRange = ref<{ minDate: number; maxDate: number }>({
   minDate: 0,

src/lib-components/lists/DynamicTable.vue

@@ -13,19 +13,30 @@ import { useAppFlasher } from "@/composables/useFlashes"
 import { TrailsRespPaged } from "@/api/client"
 import { DateRangeProps } from "@/composables/date"
 import { useTable } from "@/composables/useTable"
-import { ListConfig, SortDir } from "@/composables/list"
+import {
+  ListFilterOptions,
+  ListPaginationOptions,
+  ListSortOptions,
+  ListStyleOptions,
+  SortDir,
+} from "@/composables/list"
 import TableActionButtons from "./TableActionButtons.vue"
 
 const props = withDefaults(
   defineProps<{
     tableActions?: TableActions<any>
     tableColumns: TableColumns<any>
-    config?: ListConfig
+    config?: {
+      filter?: ListFilterOptions
+      pagination?: ListPaginationOptions
+      sort?: ListSortOptions
+      style?: ListStyleOptions
+    }
     url: string
   }>(),
   {
     tableActions: () => ({ type: "dropdown", actions: [] }),
-    config: (): ListConfig => {
+    config: () => {
       return {
         filter: {
           query: false,