@golstats/gsc-reports 1.0.36 → 1.0.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@golstats/gsc-reports",
-  "version": "1.0.36",
+  "version": "1.0.38",
   "main": "dist/gsc-reports.umd.js",
   "module": "dist/gsc-reports.es.js",
   "exports": {
@@ -47,7 +47,7 @@
   },
   "dependencies": {
     "@golstats/gsc-checkbox": "^1.0.13",
-    "@golstats/gsc-template-report-maker": "^1.0.47",
+    "@golstats/gsc-template-report-maker": "^1.0.50",
     "@golstats/gsc-volumetric-field": "^1.0.1",
     "axios": "^1.10.0",
     "gridstack": "^12.1.1",

package/src/components/TemplatesSection.vue

@@ -399,6 +399,11 @@ onBeforeUnmount(() => {
     window.removeEventListener('resize', updateContainerWidth)
   }
 })
+
+// Exponer el método obtenerTemplates para que pueda ser llamado desde el componente padre
+defineExpose({
+  obtenerTemplates,
+})
 </script>
 
 <style scoped>

package/src/components/gsc-reports.vue

@@ -1,5 +1,5 @@
 <template>
-  <GSCTemplateReportMaker ref="reportTemplateMaker" :token="token" />
+  <GSCTemplateReportMaker ref="reportTemplateMaker" :token="token" @close="closeReport" />
   <div ref="containerRef" class="reports-container">
     <ModalSoloEscritorio v-if="showMobileWarning" @toHome="toHome" />
     <h1 class="title">Mis reportes</h1>
@@ -96,6 +96,7 @@
       </div>
     </div>
     <TemplatesSection
+      ref="templatesSectionRef"
       v-if="activeTab === 'templates'"
       :userId="userId"
       :token="token"
@@ -162,6 +163,7 @@ const showModalCreateTemplate = ref(false)
 const searchQuery = ref('')
 const searchQueryReports = ref('')
 const reportTemplateMaker = ref(null)
+const templatesSectionRef = ref(null)
 
 const emit = defineEmits(['toHome', 'download-report'])
 
@@ -238,14 +240,21 @@ function onDownloadReport(report) {
 function toHome() {
   emit('toHome')
 }
+
+function closeReport() {
+  // Actualizar los templates cuando se cierra el reporte
+  if (templatesSectionRef.value) {
+    templatesSectionRef.value.obtenerTemplates()
+  }
+}
 </script>
 <style>
 .grid-stack-item-content {
-  //background: #3498db;
-  //color: white;
-  //text-align: center;
-  //padding: 20px;
-  //box-sizing: border-box;
+  background: #3498db;
+  color: white;
+  text-align: center;
+  padding: 20px;
+  box-sizing: border-box;
   overflow-y: hidden !important;
   overflow-x: hidden !important;
   box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.25);