pgo-ui 1.1.39 → 1.1.41

package/package.json

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

package/src/components/pgo/Tab.vue

@@ -17,7 +17,7 @@
           :aria-controls="`panel-${tabId}-${index}`"
           :tabindex="activeTab === index ? 0 : -1"
           :disabled="tab.disabled || disabled"
-          :class="['tabs-item', activeTab === index ? 'tabs-item--active' : '', tab.disabled ? 'tabs-item--disabled' : '', itemClasses, 'vts-rounded-sm', itemBorderSpacingClasses(index)]"
+          :class="['tabs-item', activeTab === index ? 'tabs-item--active' : '', tab.disabled ? 'tabs-item--disabled' : '', itemClasses, roundedMap[props.rounded] || 'vts-rounded-sm', itemBorderSpacingClasses(index)]"
           @click="selectTab(index)"
           @keydown="handleKeydown($event, index)"
         >
@@ -91,6 +91,7 @@
 <script setup>
   import { ref, computed, watch, onMounted } from 'vue'
   import { globalRtl } from '../../pgo-components/lib/core/rtl/rtl'
+  import { roundedMap } from '../../pgo-components/lib/componentConfig'
 
   const props = defineProps({
     // Data
@@ -116,6 +117,10 @@
       type: String,
       default: 'primary'
     },
+    rounded: {
+      type: String,
+      default: 'sm' // 'none' | 'sm' | 'md' | 'lg' | 'full'
+    },
 
     // Behavior
     vertical: {
@@ -216,7 +221,7 @@
   // Container utilities for variant-specific borders/spacing
   const containerUtilityClasses = computed(() => {
     const classes = []
-    if (props.variant === 'enclosed') classes.push('vts-border', 'vts-rounded-md')
+    if (props.variant === 'enclosed') classes.push('vts-border', roundedMap[props.rounded] || 'vts-rounded-sm')
     if (props.variant === 'card') classes.push('vts-ga-4')
     return classes.join(' ')
   })

package/src/components/pgo/Toolbar.vue

@@ -15,7 +15,7 @@
     >
         <div class="w-full flex gap-4 justify-between items-center">
             <!-- searchbar title -->
-            <div class="flex gap-2 font-semibold text-lg">
+            <div class="flex gap-2 font-semibold text-lg whitespace-nowrap ">
                 <h1>{{ useLanguageSelected(title) }}</h1> 
             </div>
             <slot >

package/src/components/pgo/inputs/FileUpload.vue

@@ -278,12 +278,12 @@ const handlePdfView = (src, title) => {
 const deleteDoc = async (deleteUrl) => {
   try {
     await api.delete(deleteUrl)
-    snackbar.show({ message: 'Document deleted', variant: 'success' })
+    // snackbar.show({ message: 'Document deleted', variant: 'success' })
     emit('uploadSuccess')
   } catch (err) {
     console.error('Delete error:', err)
     const msg = err?.response?.data?.error || err?.error || 'Delete failed'
-    snackbar.show({ message: msg, variant: 'error' })
+    // snackbar.show({ message: msg, variant: 'error' })
   }
 }
 
@@ -451,7 +451,7 @@ async function uploadFiles(file_list = null) {
     })
 
     // if (response.length > 0) {
-      snackbar.show({ message: response, variant: 'success' })
+      // snackbar.show({ message: response, variant: 'success' })
       emit('uploadSuccess')
       uploadList.value = false
 

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

@@ -788,11 +788,11 @@ const deleteItemRequest = async (id) => {
         // const url = isFullUrl ? deleteLink : baseUrl + '/' + deleteLink
         const url = deleteLink
         await api.delete(url+`/${id}`)
-        snackbar.show({ message: 'Item deleted successfully', variant: 'success' })
+        // snackbar.show({ message: 'Item deleted successfully', variant: 'success' })
         fetchData({ page: options.value.page, per_page: options.value.itemsPerPage }) // Refresh the table after deletion
     } catch (error) {
         console.error('Error deleting item:', error)
-        snackbar.show({ message: 'Error deleting item', variant: 'error' })
+        // snackbar.show({ message: 'Error deleting item', variant: 'error' })
     }
   // Perform delete action, e.g. call API to delete item
 }

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

@@ -1,6 +1,6 @@
 <template>
     <Toolbar 
-        title="Manage" 
+        title="Manage Access" 
         margin="my-6 mx-0"
         padding="py-3 px-4"
         bg="vts-bg-surface-elevated"
@@ -11,24 +11,24 @@
     >
         <div class="w-full">
             <div class="flex items-center gap-1 justify-start">
-                <div :class="['border-b border-solid', activeTab === 'Roles' ? 'border-primary/50' : 'border-transparent']">
+                 <div :class="['border-b border-solid', activeTab === 'Users' ? 'border-primary/50' : 'border-transparent']">
                     <Button
-                        label="Roles"
+                        label="Users"
                         variant="text"
                         color="gray"
                         size="sm"
                         rounded="none"
-                        @click="activeTab = 'Roles'"
+                        @click="activeTab = 'Users'"
                     />
                 </div>
-                <div :class="['border-b border-solid', activeTab === 'Users' ? 'border-primary/50' : 'border-transparent']">
+                <div :class="['border-b border-solid', activeTab === 'Roles' ? 'border-primary/50' : 'border-transparent']">
                     <Button
-                        label="Users"
+                        label="Roles"
                         variant="text"
                         color="gray"
                         size="sm"
                         rounded="none"
-                        @click="activeTab = 'Users'"
+                        @click="activeTab = 'Roles'"
                     />
                 </div>
                 <div :class="['border-b border-solid', activeTab === 'Units' ? 'border-primary/50' : 'border-transparent']">
@@ -45,7 +45,10 @@
         </div>
     </Toolbar>
     <div class="mx-6">
-        <div v-if="activeTab === 'Roles'">
+        <div v-if="activeTab === 'Users'">
+            <p>Users content goes here...</p>
+        </div>
+        <div v-else-if="activeTab === 'Roles'">
             <Tab 
                 :lang="'en'"
                 dir="ltr"
@@ -54,9 +57,6 @@
                 variant="enclosed"
             />
         </div>
-        <div v-else-if="activeTab === 'Users'">
-            <p>Users content goes here...</p>
-        </div>
         <div v-else-if="activeTab === 'Units'">
             <p>Units content goes here...</p>
         </div>

package/dist/Radio-CSy8R44u.js

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