@eturnity/eturnity_reusable_components 7.48.1-EPDM-12680.17 → 7.48.1-EPDM-12680.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.48.1-EPDM-12680.17",
+  "version": "7.48.1-EPDM-12680.19",
   "files": [
     "dist",
     "src"

package/src/assets/svgIcons/export_document.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.75 0H8.33405L11.7467 3.41264V6.7202H10.5248V4.88741H6.85927V1.22185H1.97185V12.2185H5.63741V13.4404H0.75V0ZM8.08112 1.47478V3.66556H10.2719L8.08112 1.47478ZM10.5554 7.99581L13.5233 10.9979L10.5554 14L9.68664 13.141L11.2017 11.6088H6.85805V10.387H11.2017L9.68664 8.85477L10.5554 7.99581Z" fill="#0D0D0D"/>
+</svg>

package/src/components/infoText/index.vue

@@ -3,9 +3,9 @@
     <div
       ref="icon"
       data-test-id="infoText_trigger"
-      @click="openTrigger === 'onClick' && toggleInfo()"
-      @mouseenter="openTrigger === 'onHover' && showInfo()"
-      @mouseleave="openTrigger === 'onHover' && hideInfo()"
+      @click=";(isMobile || openTrigger === 'onClick') && toggleInfo()"
+      @mouseenter="!isMobile && openTrigger === 'onHover' && showInfo()"
+      @mouseleave="!isMobile && openTrigger === 'onHover' && hideInfo()"
     >
       <IconComponent
         :color="iconColor"
@@ -157,6 +157,7 @@
       const boxStyle = ref({})
       const arrowStyle = ref({})
       const wrapperStyle = ref({})
+      const isMobile = ref(window.innerWidth <= 768)
 
       const textStyle = computed(() => ({
         fontSize: props.image ? '12px' : '13px',
@@ -289,7 +290,10 @@
       }
 
       const handleClickOutside = (event) => {
-        if (props.openTrigger === 'onClick' && isVisible.value) {
+        if (
+          (props.openTrigger === 'onClick' || isMobile.value) &&
+          isVisible.value
+        ) {
           const clickedElement = event.target
           if (
             infoBox.value &&
@@ -301,9 +305,14 @@
         }
       }
 
+      const handleResize = () => {
+        isMobile.value = window.innerWidth <= 768
+        updatePosition()
+      }
+
       onMounted(() => {
         window.addEventListener('scroll', handleScroll, { passive: true })
-        window.addEventListener('resize', updatePosition)
+        window.addEventListener('resize', handleResize)
         document.addEventListener('scroll', handleScroll, {
           passive: true,
           capture: true,
@@ -313,7 +322,7 @@
 
       onUnmounted(() => {
         window.removeEventListener('scroll', handleScroll)
-        window.removeEventListener('resize', updatePosition)
+        window.removeEventListener('resize', handleResize)
         document.removeEventListener('scroll', handleScroll, { capture: true })
         document.removeEventListener('click', handleClickOutside)
       })
@@ -341,6 +350,7 @@
         wrapperStyle,
         textStyle,
         onImageLoad,
+        isMobile,
       }
     },
     computed: {

package/src/components/stringDesign/DropdownMenu/index.vue

@@ -769,7 +769,7 @@
           return []
         }
         const existingTrackerNumbers = item.mppts.map(
-          (mppt) => mppt.tracker_number
+          (mppt) => mppt.trackerNumber
         )
         const filteredAvailableMPPTs = item.availableMPPTs.filter(
           (mppt) => !existingTrackerNumbers.includes(mppt.tracker_number)
@@ -820,15 +820,11 @@
         } else {
           this.expandedInverters = this.dataList.map((item) => item.inverterId)
           this.expandedMppts = this.dataList.flatMap((item) => {
-            const availableMppts = this.availableMPPTData(item)
             return [
               ...item.mppts.map((mppt) => mppt.mpptId),
               ...(item.storageSystem
                 ? [item.storageSystem.storage_system_id]
                 : []),
-              ...(availableMppts
-                ? availableMppts.map((mppt) => mppt.mpptId)
-                : []),
             ]
           })
         }