@policystudio/policy-studio-ui-vue 1.1.83 → 1.1.85

package/package.json

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

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

@@ -67,7 +67,8 @@
                   class="actions-button psui-transition psui-transform psui-cursor-pointer"
                   :icon-classes="item.is_disabled ? 'psui-text-gray-40' : getIconClasses(item)"
                   display="flex"
-                  :class="[checkRowIsVisible(item) ? 'psui-rotate-0' : 'psui--rotate-90', 
+                  :class="[checkRowIsVisible(item) ? 'psui-rotate-0' : 'psui--rotate-90',
+                    { 'psui--rotate-90': item.is_disabled }, 
                     { 'psui-pointer-events-none psui--rotate-90' : item.items.length == 0}
                   ]"
                   @click.native="onCollapse(item, $event)"
@@ -519,15 +520,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 +571,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)