From fa65dd1472daac1f15f60a340a3a6aafd0a5dee6 Mon Sep 17 00:00:00 2001
From: David Ketch <david@xyplanningnetwork.com>
Date: Tue, 14 May 2024 10:36:58 -0500
Subject: [PATCH] wip

---
 src/composables/index.ts                  |  2 --
 src/composables/list.ts                   |  1 -
 src/lib-components/lists/DetailList.vue   | 38 ++++++++++++++++++++---
 src/lib-components/lists/DynamicTable.vue | 17 ++++++++--
 4 files changed, 47 insertions(+), 11 deletions(-)

diff --git a/src/composables/index.ts b/src/composables/index.ts
index 8387975..0fd1c34 100644
--- a/src/composables/index.ts
+++ b/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,
diff --git a/src/composables/list.ts b/src/composables/list.ts
index a5beb51..f5a0f9a 100644
--- a/src/composables/list.ts
+++ b/src/composables/list.ts
@@ -35,7 +35,6 @@ export interface ListStyleOptions {
 export interface ListConfig {
   filter?: ListFilterOptions
   pagination?: ListPaginationOptions
-  sort?: ListSortOptions
   style?: ListStyleOptions
 }
 
diff --git a/src/lib-components/lists/DetailList.vue b/src/lib-components/lists/DetailList.vue
index 5571f39..0846adb 100644
--- a/src/lib-components/lists/DetailList.vue
+++ b/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,
diff --git a/src/lib-components/lists/DynamicTable.vue b/src/lib-components/lists/DynamicTable.vue
index ace59a2..a55bc97 100644
--- a/src/lib-components/lists/DynamicTable.vue
+++ b/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,