114 dynamic search (#122)

* added new AutoComplete

* added bulk of functionality

* fixes

* tested with other AutoCompletes

* refactoring

* added background color

* removed redundant styles

* made styling similar to Vuestic's

* fixed several issues

* fixed Loading indicator issues with other AutoCompletes

* removed redundant stuff

* handle concurrent searches

* show results after last search resolves

* renamed

* only set results when last search resolves

* comments

* start tracking async operations after mount

* cleanup / renaming

* cleanup / renaming

* cleanup / renaming

* changed logic

* updated docs

* renamed

* only use slot for formatting

* typo

* Remove clear option from Project and User selects

* WIP - building UI

* WIP - added infinite scroll with data table

* replaced custom select code with vuestic's

* WIP

* allow horizontal overflow and scrolling

* added filtering by type

* added basic delete feature

* fixed deletion among multiple rows

* fixed button styles and state

* added ability to provide slots per column

* provide ability to show column values in slots

* fixed bug

* provide static width

* clip contents to ensure static widths

* ensure static sizes for both tables

* refactoring

* fixed some bugs with determining selection state

* styling and text changes

* handle multiple selections

* clear selections upon appropriate actions

* reset state when cleared

* added popover

* only show single button in both tables

* show count within buttons

* changed modal size by screen size

* before removing everything

* made design responsive

* temp commit before fixing styles

* fixed style after merging origin

* made both tables have same vertical offset

* added select option to second table; made both tables consistent in layout

* removed sticky footer

* WIP - fixing sticky header being hidden

* WIP - infinite scrolling only works when scrolling through table's container, not table

* fixed infinite scrolling

* made both table headers align vertically

* made both tables equal length when scrolled to max allowed height

* fixed widths in xs view

* use even smaller width for name col in mobile view

* cleanup

* hide overflow

* basic usage test

* WIP - docs

* add option to customize styles

* added Filters example

* updated Basix example

* added docs

* cleanup

* PR feedback

* made header sticky

* made style scoped

* make client provide results

* communicate search term to client

* implemented v-model for search term

* cleanup

* fixed filters

* WIP

* use undefined

* fixed scrolling height for selected number of results

* fixed virtual scroll behavior

* cleanup

* reverted inf. scroll code

* fixed virtual scroll for search table

* reduced padding b/w cells

* renamed component

* basic usage

* filter usage

* revised docs

* removed redundant files

* cleanup

* added docs for events

* WIP - icons

* replaced icon slot with <va-input>'s clearable

---------

Co-authored-by: Deepak Duggirala <ddeepak6992@gmail.com>

api/.gitignore

@@ -21,6 +21,9 @@ pids
 .node_repl_history
 .pnpm-store
 
+# MacOS metadata file
+.DS_store
+
 # keys
 keys/*.pub
 keys/*.key

ui/auto-imports.d.ts

@@ -222,7 +222,7 @@ declare global {
   const usePreferredLanguages: typeof import('@vueuse/core')['usePreferredLanguages']
   const usePreferredReducedMotion: typeof import('@vueuse/core')['usePreferredReducedMotion']
   const usePrevious: typeof import('@vueuse/core')['usePrevious']
-  const useQueryPersistence: typeof import('./src/composables/useQueryPersistence')['default']
+  const useQueryPersistence: typeof import('./src/composables/useQueryPersistence.js')['default']
   const useRafFn: typeof import('@vueuse/core')['useRafFn']
   const useRefHistory: typeof import('@vueuse/core')['useRefHistory']
   const useResizeObserver: typeof import('@vueuse/core')['useResizeObserver']
@@ -233,7 +233,7 @@ declare global {
   const useScriptTag: typeof import('@vueuse/core')['useScriptTag']
   const useScroll: typeof import('@vueuse/core')['useScroll']
   const useScrollLock: typeof import('@vueuse/core')['useScrollLock']
-  const useSearchKeyShortcut: typeof import('./src/composables/useSearchKeyShortcut')['default']
+  const useSearchKeyShortcut: typeof import('./src/composables/useSearchKeyShortcut.js')['default']
   const useSessionStorage: typeof import('@vueuse/core')['useSessionStorage']
   const useShare: typeof import('@vueuse/core')['useShare']
   const useSlots: typeof import('vue')['useSlots']
@@ -257,7 +257,7 @@ declare global {
   const useTimeout: typeof import('@vueuse/core')['useTimeout']
   const useTimeoutFn: typeof import('@vueuse/core')['useTimeoutFn']
   const useTimeoutPoll: typeof import('@vueuse/core')['useTimeoutPoll']
-  const useTimer: typeof import('./src/composables/useTimer')['default']
+  const useTimer: typeof import('./src/composables/useTimer.js')['default']
   const useTimestamp: typeof import('@vueuse/core')['useTimestamp']
   const useTitle: typeof import('@vueuse/core')['useTitle']
   const useToNumber: typeof import('@vueuse/core')['useToNumber']