@policystudio/policy-studio-ui-vue 1.1.82 → 1.1.84

package/dist/css/psui_styles.css

@@ -2495,7 +2495,7 @@ video {
 
 .psui-el-table-results.layout-flexible thead tr:not(:first-of-type) th:first-child {
               text-align: left;
-              max-width: 330px;
+              min-width: 330px;
               padding-left: 0;
             }
 

package/package.json

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

package/src/assets/scss/components/PsTableResults.scss

@@ -442,7 +442,7 @@
 
               &:first-child {
                 @apply psui-text-left;
-                max-width: 330px;
+                min-width: 330px;
                 padding-left: 0;
               }
 

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

@@ -519,15 +519,12 @@ export default {
       return  !item.is_disabled && item.deep != 0 ? '#ECF7FB' : item.is_disabled && item.deep != 0 ? '#E6ECF2' : ''
     },
     setCollapsedRows() {
-      if ( this.itemsHiddenIndexes ) {
-        this.collapsedRows = [...this.itemsHiddenIndexes] 
-        return
-      }
-
-      const newRowsCollpased = []
-      if ( this.showRowsCollapsed ) {
+      const newRowsCollpased = [...(this.itemsHiddenIndexes || [])]
+      if ( this.showRowsCollapsed || this.layout === 'flexible' ) {
         this.getRows.forEach(element => {
-          if ( element?.items?.length && ( this.customLevelOpened == null || element.index.split('-').length > this.customLevelOpened)) {
+          const matchForAll = Boolean( element?.items?.length && ( this.customLevelOpened == null || element.index.split('-').length > this.customLevelOpened))
+          const matchForFlexibleLayout = Boolean(element.isCollapsed === true)
+          if (matchForAll || matchForFlexibleLayout) {
             newRowsCollpased.push(element.index)
           }
         })
@@ -573,8 +570,10 @@ export default {
       const index = this.collapsedRows.indexOf(item.index)
       if(index > -1) {
         this.collapsedRows.splice(index, 1)
+        delete item.isCollapsed
       } else {
         this.collapsedRows.push(item.index)
+        item.isCollapsed = true
       }
       this.$forceUpdate()
       this.$emit('collapse-row', this.collapsedRows, $event)