@policystudio/policy-studio-ui-vue 1.1.90-beta.58 → 1.1.90-beta.60

package/dist/css/psui_styles_output.css

@@ -1,6 +1,6 @@
 @import url("https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Round");
 /*
-! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
 */
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -975,8 +975,7 @@ video {
   margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
 }
 .psui-el-tab-header.layout-policy-design button {
-  padding: 8px 2px 10px 0px;
-  margin-right: 8px;
+  padding: 8px 2px 7px 0px;
 }
 .psui-el-tab-header.layout-policy-design button {
   position: relative;
@@ -6465,12 +6464,6 @@ video {
   gap: 0.75rem;
 }
 
-.psui-space-x-0 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0px * var(--tw-space-x-reverse));
-  margin-left: calc(0px * (1 - var(--tw-space-x-reverse)));
-}
-
 .psui-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.125rem * var(--tw-space-x-reverse));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@policystudio/policy-studio-ui-vue",
-  "version": "1.1.90-beta.58",
+  "version": "1.1.90-beta.60",
   "description": "Policy Studio UI",
   "author": "Policy Studio Team",
   "scripts": {

package/src/assets/scss/components/PsTabHeader.scss

@@ -25,8 +25,7 @@
         @apply psui-space-x-2;
 
           button {
-            padding: 8px 2px 10px 0px; 
-            margin-right:8px; 
+            padding: 8px 2px 7px 0px; 
             @apply psui-flex psui-items-center psui-relative;
 
             &:after {

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

@@ -94,7 +94,7 @@
                       :style="item.text_color ? `color: ${item.text_color};` : ''"
                     >
                       {{ item.title }}
-                      
+
                       <PsIcon
                         v-if="item.has_helper"
                         icon="info_outline"
@@ -409,6 +409,13 @@ const props = defineProps({
     type: [Array, undefined],
     default: undefined,
   },
+  /**
+   * It forces to use hidden itens on collapsible system independent of layouts
+   */
+  useHiddenItemsOnly: {
+    type: Boolean,
+    default: true,
+  },
   /**
    * It sets the values which will be use to render the body.
    */
@@ -529,13 +536,13 @@ watch(
 )
 
 watch(
-  ()=> props.itemsHiddenIndexes, 
+  ()=> props.itemsHiddenIndexes,
   () => {
     setCollapsedRows()
 })
 
 watch(
-  ()=>props.showRowsCollapsed, 
+  ()=>props.showRowsCollapsed,
   () => {
   setCollapsedRows()
 })
@@ -556,6 +563,10 @@ const resetPolicyImpactItemSelected = (item, columnKey = 'forecast_emissions_sav
 
 const setCollapsedRows = () => {
   let newRowsCollpased = [...(props.itemsHiddenIndexes || [])]
+  if (props.useHiddenItemsOnly) {
+    collapsedRows.value = newRowsCollpased
+    return
+  }
 
   if (props.itemsHiddenIndexes && props.layout != 'flexible') return
   if (props.showRowsCollapsed || props.layout == 'flexible') {