feat: Mulighet å endre størrelsen på søkefeltet (#68)

* feat: mulighet å endre størrelsen på søkefeltet

* oppdatere navn på filter-størrelse-property til filterTextInputSize

Author: anjocu

src/components/NveTable/NveTable.vue

@@ -27,6 +27,7 @@ const props = withDefaults(defineProps<PropsType>(), {
   hasClickForRow: undefined,
   stickyHeader: false,
   scrollToTopOnPageSwitch: false,
+  filterTextInputSize: "medium",
   initialSort: null,
   rowClass: undefined,
   itemId: (_, index: number) => index,
@@ -236,6 +237,7 @@ onMounted(() => {
     observer.observe(thead);
   }
 });
+
 const hasFilterFunction = computed(() => {
   if (isAsyncTable(props)) {
     return !props.hideAllFilters;
@@ -279,7 +281,7 @@ const getCellClass = (
     <div v-if="hasFilterFunction && !props.hideTextFilter" class="filter">
       <nve-input
         v-model="filterText"
-        size="medium"
+        :size="props.filterTextInputSize"
         filled
         type="search"
         placeholder="Søk"

src/components/NveTable/table.types.ts

@@ -43,6 +43,7 @@ export type TableProps<T> = {
   stickyHeader?: boolean;
   scrollToTopOnPageSwitch?: boolean;
   hideAllFilters?: boolean;
+  filterTextInputSize?: "small" | "medium";
   hoverRowEffect?: boolean;
   tableBorder?: boolean /* (!) Dersom cellBorder er satt har tableBorder ingen effekt */;
   cellBorder?: boolean;