pgo-ui 1.0.92 → 1.0.93

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pgo-ui",
-  "version": "1.0.92",
+  "version": "1.0.93",
   "description": "A Vue 3 component library with PGO design system",
   "private": false,
   "type": "module",

package/src/components/pgo/CardView.vue

@@ -1,5 +1,15 @@
 <template>
   <div>
+    <!-- PDF viewer (self-contained — driven from card buttons with action="viewPdf") -->
+    <DocumentViewer
+      v-model="showViewer"
+      :src="pdfMeta.src"
+      :title="pdfMeta.title"
+      :show-download="pdfMeta.showDownload"
+      :show-print="pdfMeta.showPrint"
+      z-index="z-[99999999]"
+    />
+
     <!-- Loading bar -->
     <div v-if="loading" class="w-full h-1 bg-primary/20 overflow-hidden rounded">
       <div class="h-full bg-primary animate-[indeterminate_1.5s_infinite_ease-in-out] w-1/3 rounded" />
@@ -155,11 +165,12 @@
 </template>
 
 <script setup>
-  import { computed, inject } from 'vue'
+  import { computed, inject, ref } from 'vue'
   import Card from './Card.vue'
   import Chip from './buttons/Chip.vue'
   import Button from './Button.vue'
   import Pagination from './Pagination.vue'
+  import DocumentViewer from './DocumentViewer.vue'
 
   const { language } = inject('i18n')
 
@@ -204,6 +215,15 @@
 
   const emit = defineEmits(['update:options', 'card-click', 'action-click'])
 
+  // --- PDF viewer state (driven by buttons with action="viewPdf") ---
+  const showViewer = ref(false)
+  const pdfMeta = ref({
+    src: '',
+    title: '',
+    showDownload: true,
+    showPrint: true,
+  })
+
   // --- Computed ---
   const stacks = computed(() => props.settings?.cardLayout?.stacks || [])
 
@@ -313,24 +333,42 @@
     })
   }
 
-  const handleActionClick = (item, field) => {
-    if (!field.linkKey) {
-      emit('action-click', { item, field, url: null })
-      return
-    }
-
-    let url
+  /**
+   * @param {Record<string, any>} item
+   * @param {Record<string, any>} field
+   */
+  const resolveButtonUrl = (item, field) => {
+    if (!field.linkKey) { return null }
     const linkKey = String(field.linkKey)
     if (linkKey.startsWith('/') || linkKey.startsWith('http')) {
       // URL template — interpolate :param and {param} placeholders with item values
-      url = field.linkKey
+      return field.linkKey
         .replace(/:(\w+)/g, (_, key) => item[key] ?? key)
         .replace(/\{(\w+)\}/g, (_, key) => item[key] ?? key)
-    } else {
-      // Data path — extract URL from item
-      url = getNestedValue(item, field.linkKey)
+    }
+    // Data path — extract URL from item
+    return getNestedValue(item, field.linkKey)
+  }
+
+  const handleActionClick = (item, field) => {
+    const url = resolveButtonUrl(item, field)
+
+    // PDF viewer action — handled locally, does not bubble to ListView
+    if (field.action === 'viewPdf') {
+      if (!url) { return }
+      pdfMeta.value = {
+        src: url,
+        title: field.titleKey
+          ? (getNestedValue(item, field.titleKey) ?? resolveLocalizedValue(field.label))
+          : resolveLocalizedValue(field.label),
+        showDownload: field.showDownload ?? true,
+        showPrint: field.showPrint ?? true,
+      }
+      showViewer.value = true
+      return
     }
 
+    // Default: bubble up so ListView can router.push / window.open
     emit('action-click', { item, field, url })
   }
 </script>

package/src/components/pgo/DataTable.vue

@@ -212,7 +212,7 @@
                         ]"
                       >
                         <template v-if="getCustomColumnData(header, item)?.type === 'CopyTextBox'">
-                          <div :class="['flex flex-wrap items-center gap-1 font-en', header.columnView ? 'flex-col' : 'flex-row', ]">
+                          <div :class="['flex flex-wrap  gap-1 font-en', header.columnView ? 'flex-col' : 'flex-row items-center', ]">
                             <template
                               v-for="(chip, idx) in getCustomColumnData(header, item).CopyTextBox"
                               :key="idx"

package/src/pgo-components/pages/ListView.vue

@@ -654,7 +654,24 @@ const handleFormSubmit = (msg) => {
     fetchData({ page: options.value.page, per_page: options.value.itemsPerPage })
 }
 const handleRefresh = (msg) => {
-    fetchData()
+    quickFilterValues.value = {} 
+    filterSectionValues.value = {}
+    
+    // Reset options to initial state
+    options.value = {
+        ...options.value,
+        page: 1,
+        sortBy: [],
+        sortDesc: [],
+    }
+
+    const queryParams = {
+        page: 1,
+        per_page: options.value.itemsPerPage
+    }
+
+    fetchData(queryParams)
+    syncQueryParams(queryParams) // This removes filter/sort from URL since they're not in queryParams
 }
 // Handle quick search from searchbar
 const handleQuickSearch = (filters) => {

package/dist/Radio-5lhcYqtr.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./index-zHSlMjns.js";
-export {
-  f as default
-};