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

package/package.json

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

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

@@ -202,8 +202,22 @@
                 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)">
+              <PsTooltip v-if="selectedRow == item.id && columnSelectedKey == column.key && layout == 'flexible'">
+                  <template v-slot:trigger>
+                    <PsIcon
+                      icon="bar_chart"
+                      size="16"
+                      class="psui-cursor-pointer"
+                      icon-classes="psui-text-blue-60 psui-leading-none psui-transition"
+                      display="flex"
+                      @click.native="onSelectRow(item, column)"
+                    />
+                  </template>
+                  <template v-slot:content>
+                    Close projections
+                  </template>
+                </PsTooltip>
+                <PsTooltip v-else-if="isSelectedRow(column,item)">
                   <template v-slot:trigger>
                     <PsIcon
                       icon="close"
@@ -219,7 +233,7 @@
                   </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">
                   <template v-slot:trigger>
                     <PsIcon
                       icon="bar_chart"
@@ -576,7 +590,7 @@ 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++) {
@@ -631,10 +645,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) {