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

package/dist/css/psui_styles.css

@@ -2446,7 +2446,7 @@ video {
             }
 
 .psui-el-table-results.layout-flexible thead tr:first-of-type th:first-child > div {
-                max-width: 598px;
+                min-width: 598px;
               }
 
 .psui-el-table-results.layout-flexible thead tr:first-of-type th > div {
@@ -2671,6 +2671,7 @@ video {
 
 .psui-el-table-results.layout-flexible tbody tr.is-first.removed-class td:first-child {
                 position: sticky;
+                min-width: 330px;
               }
 
 .psui-el-table-results.layout-flexible tbody tr.is-first.removed-class td:first-child:after {
@@ -3416,6 +3417,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 {
@@ -18963,6 +18965,13 @@ video {
   left: -1rem;
 }
 
+.psui--inset-2{
+  top: -0.5rem;
+  right: -0.5rem;
+  bottom: -0.5rem;
+  left: -0.5rem;
+}
+
 .psui-inset-y-0{
   top: 0;
   bottom: 0;
@@ -18993,6 +19002,16 @@ video {
   left: -1rem;
 }
 
+.psui--inset-y-2{
+  top: -0.5rem;
+  bottom: -0.5rem;
+}
+
+.psui--inset-x-2{
+  right: -0.5rem;
+  left: -0.5rem;
+}
+
 .psui-top-0{
   top: 0;
 }
@@ -19041,6 +19060,22 @@ video {
   left: -1rem;
 }
 
+.psui--top-2{
+  top: -0.5rem;
+}
+
+.psui--right-2{
+  right: -0.5rem;
+}
+
+.psui--bottom-2{
+  bottom: -0.5rem;
+}
+
+.psui--left-2{
+  left: -0.5rem;
+}
+
 .psui-resize-none{
   resize: none;
 }
@@ -36411,6 +36446,13 @@ html {
     left: -1rem;
   }
 
+  .sm\:psui--inset-2{
+    top: -0.5rem;
+    right: -0.5rem;
+    bottom: -0.5rem;
+    left: -0.5rem;
+  }
+
   .sm\:psui-inset-y-0{
     top: 0;
     bottom: 0;
@@ -36441,6 +36483,16 @@ html {
     left: -1rem;
   }
 
+  .sm\:psui--inset-y-2{
+    top: -0.5rem;
+    bottom: -0.5rem;
+  }
+
+  .sm\:psui--inset-x-2{
+    right: -0.5rem;
+    left: -0.5rem;
+  }
+
   .sm\:psui-top-0{
     top: 0;
   }
@@ -36489,6 +36541,22 @@ html {
     left: -1rem;
   }
 
+  .sm\:psui--top-2{
+    top: -0.5rem;
+  }
+
+  .sm\:psui--right-2{
+    right: -0.5rem;
+  }
+
+  .sm\:psui--bottom-2{
+    bottom: -0.5rem;
+  }
+
+  .sm\:psui--left-2{
+    left: -0.5rem;
+  }
+
   .sm\:psui-resize-none{
     resize: none;
   }
@@ -53649,6 +53717,13 @@ html {
     left: -1rem;
   }
 
+  .md\:psui--inset-2{
+    top: -0.5rem;
+    right: -0.5rem;
+    bottom: -0.5rem;
+    left: -0.5rem;
+  }
+
   .md\:psui-inset-y-0{
     top: 0;
     bottom: 0;
@@ -53679,6 +53754,16 @@ html {
     left: -1rem;
   }
 
+  .md\:psui--inset-y-2{
+    top: -0.5rem;
+    bottom: -0.5rem;
+  }
+
+  .md\:psui--inset-x-2{
+    right: -0.5rem;
+    left: -0.5rem;
+  }
+
   .md\:psui-top-0{
     top: 0;
   }
@@ -53727,6 +53812,22 @@ html {
     left: -1rem;
   }
 
+  .md\:psui--top-2{
+    top: -0.5rem;
+  }
+
+  .md\:psui--right-2{
+    right: -0.5rem;
+  }
+
+  .md\:psui--bottom-2{
+    bottom: -0.5rem;
+  }
+
+  .md\:psui--left-2{
+    left: -0.5rem;
+  }
+
   .md\:psui-resize-none{
     resize: none;
   }
@@ -70887,6 +70988,13 @@ html {
     left: -1rem;
   }
 
+  .lg\:psui--inset-2{
+    top: -0.5rem;
+    right: -0.5rem;
+    bottom: -0.5rem;
+    left: -0.5rem;
+  }
+
   .lg\:psui-inset-y-0{
     top: 0;
     bottom: 0;
@@ -70917,6 +71025,16 @@ html {
     left: -1rem;
   }
 
+  .lg\:psui--inset-y-2{
+    top: -0.5rem;
+    bottom: -0.5rem;
+  }
+
+  .lg\:psui--inset-x-2{
+    right: -0.5rem;
+    left: -0.5rem;
+  }
+
   .lg\:psui-top-0{
     top: 0;
   }
@@ -70965,6 +71083,22 @@ html {
     left: -1rem;
   }
 
+  .lg\:psui--top-2{
+    top: -0.5rem;
+  }
+
+  .lg\:psui--right-2{
+    right: -0.5rem;
+  }
+
+  .lg\:psui--bottom-2{
+    bottom: -0.5rem;
+  }
+
+  .lg\:psui--left-2{
+    left: -0.5rem;
+  }
+
   .lg\:psui-resize-none{
     resize: none;
   }
@@ -88125,6 +88259,13 @@ html {
     left: -1rem;
   }
 
+  .xl\:psui--inset-2{
+    top: -0.5rem;
+    right: -0.5rem;
+    bottom: -0.5rem;
+    left: -0.5rem;
+  }
+
   .xl\:psui-inset-y-0{
     top: 0;
     bottom: 0;
@@ -88155,6 +88296,16 @@ html {
     left: -1rem;
   }
 
+  .xl\:psui--inset-y-2{
+    top: -0.5rem;
+    bottom: -0.5rem;
+  }
+
+  .xl\:psui--inset-x-2{
+    right: -0.5rem;
+    left: -0.5rem;
+  }
+
   .xl\:psui-top-0{
     top: 0;
   }
@@ -88203,6 +88354,22 @@ html {
     left: -1rem;
   }
 
+  .xl\:psui--top-2{
+    top: -0.5rem;
+  }
+
+  .xl\:psui--right-2{
+    right: -0.5rem;
+  }
+
+  .xl\:psui--bottom-2{
+    bottom: -0.5rem;
+  }
+
+  .xl\:psui--left-2{
+    left: -0.5rem;
+  }
+
   .xl\:psui-resize-none{
     resize: none;
   }
@@ -105363,6 +105530,13 @@ html {
     left: -1rem;
   }
 
+  .\32xl\:psui--inset-2{
+    top: -0.5rem;
+    right: -0.5rem;
+    bottom: -0.5rem;
+    left: -0.5rem;
+  }
+
   .\32xl\:psui-inset-y-0{
     top: 0;
     bottom: 0;
@@ -105393,6 +105567,16 @@ html {
     left: -1rem;
   }
 
+  .\32xl\:psui--inset-y-2{
+    top: -0.5rem;
+    bottom: -0.5rem;
+  }
+
+  .\32xl\:psui--inset-x-2{
+    right: -0.5rem;
+    left: -0.5rem;
+  }
+
   .\32xl\:psui-top-0{
     top: 0;
   }
@@ -105441,6 +105625,22 @@ html {
     left: -1rem;
   }
 
+  .\32xl\:psui--top-2{
+    top: -0.5rem;
+  }
+
+  .\32xl\:psui--right-2{
+    right: -0.5rem;
+  }
+
+  .\32xl\:psui--bottom-2{
+    bottom: -0.5rem;
+  }
+
+  .\32xl\:psui--left-2{
+    left: -0.5rem;
+  }
+
   .\32xl\:psui-resize-none{
     resize: none;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@policystudio/policy-studio-ui-vue",
-  "version": "1.1.77",
+  "version": "1.1.80",
   "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/assets/scss/components/PsTableResults.scss

@@ -406,7 +406,7 @@
                 padding-left: 0;
 
                 > div {
-                  max-width: 598px;
+                  min-width: 598px;
                 }
               }
   
@@ -588,6 +588,7 @@
   
                 &:first-child {
                   @apply psui-sticky;
+                  min-width: 330px;
     
                   &:after {
                     content: '';

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

@@ -202,22 +202,7 @@
                 class="psui-space-x-2 psui-show-childrens-on-hover"
                 :class="column.isCenteredContent ? 'psui-justify-center' : 'psui-justify-end'"
               >
-              <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)">
+                <PsTooltip v-if="isSelectedRow(column,item)">
                   <template v-slot:trigger>
                     <PsIcon
                       icon="close"
@@ -233,7 +218,9 @@
                   </template>
                 </PsTooltip>
 
-                <PsTooltip v-else-if="column.hasProjections && !item.is_disabled && item.disable_projection_select !== true">
+                <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"
@@ -282,11 +269,15 @@
                   v-if="column.isSwitch && item.data[column.key] != null"
                   class="psui-inline-flex" 
                   v-tooltip="{
-                    content: !item.data.is_disabled || item.is_excluded ? false : `<p class='psui-text-white psui-text-xsmall psui-font-bold'>${item.tooltip_text}</p>`,
+                    content: item.tooltip_text ? `<p class='psui-text-white psui-text-xsmall psui-font-bold'>${item.tooltip_text}</p>` : false,
                     classes: 'layout-blue'
                   }"
                 >
                 <div class="flex psui-items-center psui-relative">
+                  <span
+                    v-if="item.has_flag" 
+                    class="psui-w-2 psui-h-2 psui-bg-yellow-20 psui-absolute psui--right-2 psui--top-2 psui-rounded-md"
+                  />
                   <PsSwitch
                     :disabled="item.data.is_disabled"
                     :value="item.data[column.key]"
@@ -596,7 +587,7 @@ export default {
         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')
         })

package/tailwind.config.js

@@ -117,6 +117,7 @@ module.exports = {
       },
       inset:{
         '-1': '-1rem',
+        '-2': '-0.5rem'
       }
     },
     screens: {