@policystudio/policy-studio-ui-vue 1.0.70 → 1.0.73

package/dist/css/psui_styles.css

@@ -19373,6 +19373,13 @@ html {
     border-bottom: 1px solid #e6ecf2;
   }
 
+.psui-el-accordion-item.disabled .psui-el-accordion-item-header .psui-el-accordion-item-header-wrapper {
+          --text-opacity: 1;
+          color: #798490;
+          color: rgba(121, 132, 144, var(--text-opacity));
+          pointer-events: none;
+        }
+
 .psui-el-accordion-item-header {
       display: flex;
       justify-content: space-between;
@@ -19451,7 +19458,8 @@ html {
           transform: rotate(180deg);
         }
 
-.psui-el-accordion .psui-el-accordion-item.status-opened .psui-el-accordion-item-header, .psui-el-accordion .psui-el-accordion-item-header:hover {
+.psui-el-accordion .psui-el-accordion-item.status-opened .psui-el-accordion-item-header, 
+      .psui-el-accordion .psui-el-accordion-item-header:hover {
       --text-opacity: 1;
       color: #318FAC;
       color: rgba(49, 143, 172, var(--text-opacity));

package/package.json

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

package/src/assets/scss/components/PsAccordion.scss

@@ -3,8 +3,18 @@
   .psui-el-accordion {
 
     &-item {
-      border-bottom: 1px solid #e6ecf2;      
-  
+      border-bottom: 1px solid #e6ecf2;
+
+
+      &.disabled {
+        .psui-el-accordion-item-header {
+          .psui-el-accordion-item-header-wrapper {
+           @apply psui-text-gray-50 pointer-events-none;
+
+          }
+        }
+      }
+
       &-header {
         @apply psui-flex psui-justify-between psui-items-center;
         padding-top: 16px;
@@ -61,8 +71,10 @@
     }
 
     .psui-el-accordion-item {
-      &.status-opened .psui-el-accordion-item-header, &-header:hover {
+      &.status-opened .psui-el-accordion-item-header, 
+      &-header:hover {
         @apply psui-text-blue-60;
+
         .psui-el-accordion-item-icon {
           @apply psui-text-blue-60;
         }

package/src/components/accordion/PsAccordionItem.vue

@@ -1,11 +1,11 @@
 <template>
-  <div class="psui-el-accordion-item" :class="`status-${isOpen ? 'opened' : 'closed'}`">
+  <div class="psui-el-accordion-item" :class="{'status-opened':isOpen, 'disabled':disabled}">
     <div class="psui-el-accordion-item-header">
       <slot name='custom-header' :toggle="toggle" :isOpen="isOpen">
         <div @click="toggle" class="psui-el-accordion-item-header-wrapper" v-if="!hasCustomHeader">
           <h2 v-if="title" class="psui-el-accordion-item-title">{{ title }}</h2>
           <slot name='header-additionals'></slot>
-          <i class="psui-el-accordion-item-icon">{{ getIcon }}</i> 
+          <i v-if="!disabled" class="psui-el-accordion-item-icon">{{ getIcon }}</i> 
         </div>
       </slot>
     </div>
@@ -49,11 +49,18 @@ export default {
       type: String
     },
     /**
-     * It sets if it has a custom header
+     * It sets if it has a custom header.
      */
     hasCustomHeader: {
       type: Boolean,
       default: false
+    },
+    /**  
+    * It sets the disabled status.
+    */
+    disabled: {
+      type: Boolean,
+      default: false
     }
   },
   data() {

package/src/components/forms/PsInput.vue

@@ -18,6 +18,8 @@
         :placeholder="placeholder"
         :disabled="disabled"
         :value="value"
+        :min="minValue"
+        :max="maxValue"
         @focus="onInputFocus"
         @blur="onInputBlur"
         @input="$emit('input', $event)"
@@ -105,6 +107,12 @@ export default {
       type: Boolean,
       default: false
     },
+    minValue: {
+      type: Number
+    },
+    maxValue: {
+      type: Number
+    }
 	},
   data: () => ({
     isFocus: false,

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

@@ -33,7 +33,7 @@
                 icon="expand_more"
                 size="24"
                 class="psui-cursor-pointer psui-transform psui-transition"
-                icon-classes="psui-text-gray-40 psui-leading-none"
+                :icon-classes="getIconClasses(item)"
                 :style="{ display: 'flex' }"
                 :class="checkItemIsVisible(item) ? 'psui-rotate-0' : 'psui--rotate-90'"
                 @click.native="$emit('collapse-row', item)"
@@ -196,6 +196,9 @@ export default {
     }
   },
   methods: {
+    getIconClasses(item) {
+      return this.checkItemIsVisible(item) ? 'psui-text-gray-40' : 'psui-text-blue-60'
+    },
     addRow(item, deep = 0, index, rows) {
       item.deep = deep
       item.index = index
@@ -235,7 +238,6 @@ export default {
     },
     progressBarBreakEven(columnKey) {
       const data = this.formatFunction(columnKey, this.item.data[columnKey], this.item.data)
-      console.log('data:', data)
       if (Number(data) === 0 || data === '--') {
         return this.item.data[columnKey]
       }