@policystudio/policy-studio-ui-vue 1.1.76 → 1.1.79

package/dist/css/psui_styles.css

@@ -3416,6 +3416,7 @@ video {
     transition-property: all;
     transition-duration: 100ms;
     transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+    overflow: auto;
   }
 
 .psui-el-dropdown-menu-dialog-wrapper-dialog {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@policystudio/policy-studio-ui-vue",
-  "version": "1.1.76",
+  "version": "1.1.79",
   "description": "Policy Studio UI",
   "main": "src/index.js",
   "author": "Policy Studio Team",

package/src/assets/scss/components/PsDropdown.scss

@@ -18,7 +18,7 @@
     }
 
     &-dialog-wrapper {
-      @apply psui-hidden psui-origin-top-right psui-bg-white psui-fixed psui-w-auto psui-rounded-md psui-z-50 psui-opacity-0 psui-shadow-elevation-20 psui-transition-all psui-duration-100 psui-ease-in;
+      @apply psui-hidden psui-origin-top-right psui-bg-white psui-fixed psui-w-auto psui-rounded-md psui-z-50 psui-opacity-0 psui-shadow-elevation-20 psui-transition-all psui-duration-100 psui-ease-in psui-overflow-auto;
       
       &-dialog {
         @apply psui-w-full;

package/src/components/table-results/PsTableResults.vue

@@ -202,7 +202,6 @@
                 class="psui-space-x-2 psui-show-childrens-on-hover"
                 :class="column.isCenteredContent ? 'psui-justify-center' : 'psui-justify-end'"
               >
-              
                 <PsTooltip v-if="isSelectedRow(column,item)">
                   <template v-slot:trigger>
                     <PsIcon
@@ -219,7 +218,9 @@
                   </template>
                 </PsTooltip>
 
-                <PsTooltip v-else-if="column.hasProjections && !item.is_disabled && item.disable_projection_select !== true && (item.deep != 0 && layout == 'flexible')">
+                <PsTooltip v-else-if="column.hasProjections && !item.is_disabled && item.disable_projection_select !== true && layout != 'flexible' || 
+                  column.hasProjections && item.disable_projection_select != true && item.deep != 0 && layout == 'flexible'"
+                >
                   <template v-slot:trigger>
                     <PsIcon
                       icon="bar_chart"
@@ -576,13 +577,13 @@ export default {
     }, 
     onRowHover(index, item, type) {
       const parent = document.getElementById(`${item.id}`) 
-      const children = parent.children
+      const children = parent?.children
 
       if (type == 'enter' && item.index != 0 && item.deep != 0 && this.layout == 'flexible') {
         for (let i = 0; i < children.length; i++) {
           children[i].classList.add('hover-color')
         }
-      } else {
+      } else if(parent) {
         parent.querySelectorAll('.hover-color').forEach(child => {
           child.classList.remove('hover-color')
         })
@@ -631,10 +632,12 @@ export default {
       return this.checkRowIsVisible(item) ? 'opened' : 'closed'
     },
     onSelectRow(item, column) {
-      this.selectedRow = item.id
-      this.policyItemSelected = { ...item }
-      delete this.policyItemSelected.items
-      this.columnSelectedKey = column.key
+      if(this.layout != 'flexible') {
+        this.selectedRow = item.id
+        this.policyItemSelected = { ...item }
+        delete this.policyItemSelected.items
+        this.columnSelectedKey = column.key
+      }
       this.$emit('policy-selected', { item: item, column: column })
     },
     onCloseSelectRow(item, column) {