@policystudio/policy-studio-ui-vue 1.0.76 → 1.0.79

package/dist/css/psui_styles.css

@@ -18665,6 +18665,10 @@ html {
             margin-left: 0.25rem;
           }
 
+.psui-el-table-results tbody tr td .actions .is-last-deep {
+            padding-left: 2.5rem;
+          }
+
 .psui-el-table-results tbody tr td:not(:first-child) > div {
             justify-content: flex-end;
           }

package/package.json

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

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

@@ -81,6 +81,10 @@
             &-button {
               @apply .psui-cursor-pointer .psui-ml-1;
             }
+
+            .is-last-deep {
+              @apply psui-pl-10;
+            }
           }
 
           &:not(:first-child) {

package/src/components/forms/PsInput.vue

@@ -12,8 +12,8 @@
       <div v-if="$slots.prepend" class="psui-el-input-prepend">
         <slot name="prepend"></slot>
       </div>
-    
       <input
+        :title="title"
         :type="type"
         :placeholder="placeholder"
         :disabled="disabled"
@@ -29,7 +29,6 @@
         v-bind="getAttrs"
         :class="{ 'focus': isFocus }"
       />
-    
       <div v-if="$slots.append || hasError" class="psui-el-input-append">
         <span v-if="hasError" class="material-icons psui-text-red-20 material-icons-sharp">error</span>
         <slot v-else name="append"></slot>
@@ -48,6 +47,13 @@
 export default {
 	name: 'PsInput',  
   props: {
+    /**
+     * It set the title and also its tooltip default behavior
+     */
+    title: {
+      type: String,
+      default: ''
+    },
     /**
     * It sets the type of your button. default: text.
      */
@@ -108,16 +114,15 @@ export default {
       type: Boolean,
       default: false
     },
-    
     minValue: {
-      type: Number
+      type: null
     },
     maxValue: {
-      type: Number
+      type: null
     },
     step:{
-      type: Number
-    }
+      type: null
+    },
 	},
   data: () => ({
     isFocus: false,
@@ -152,7 +157,7 @@ export default {
     onInputBlur($event) {
       this.isFocus = false
       this.$emit('blur', $event)
-    }
+    },
   }
 }
 </script>

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

@@ -24,8 +24,7 @@
           <td>
             <div 
               class="actions psui-space-x-3"
-              :class="{ 'psui-ml-8' : item.type == 'study_data' }"
-              :style="{ paddingLeft: `${(item.last_deep) ? item.deep * 29 : item.deep * 16}px` }"
+              :style="{ paddingLeft: `${item.deep * 16}px` }"
             >
               <PsIcon
                 v-if="!item.last_deep || item.type === 'total'" 
@@ -37,11 +36,13 @@
                 :class="checkRowIsVisible(item) ? 'psui-rotate-0' : 'psui--rotate-90'"
                 @click.native="onCollapse(item)"
               />
+              
               <PsRichTooltip 
                 v-if="item.is_disabled"
                 layout="gray"
                 position="top"
                 class="psui-inline-flex psui-cursor-default"
+                :class="{ 'is-last-deep' : item.last_deep }"
               >
                 <template v-slot:trigger>
                   <p class="title psui-text-gray-50">{{ item.title }}</p>
@@ -64,7 +65,10 @@
               <p
                 v-else
                 class="title"
-                :class="{ 'psui-font-bold' : item.type == 'total' }"
+                :class="[
+                  { 'psui-font-bold' : item.type == 'total' },
+                  { 'is-last-deep' : item.last_deep }
+                ]"
               >
                 {{ item.title }}
               </p>

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

@@ -2,8 +2,8 @@
   <thead>
     <tr>
       <th>
-        <div>
-          <p class="title">Measures & Packages</p>
+        <div v-if="firstColumnTitle">
+          <p class="title">{{ firstColumnTitle }}</p>
         </div>
       </th>
       
@@ -29,7 +29,7 @@
     <tr>
       <th>
         <div>
-          <p class="description">Select the measures you want to combine <br />to create your policy.</p>
+          <p v-if="firstColumnDescription" class="description">{{ firstColumnDescription }}</p>
         </div>
       </th>
 
@@ -75,6 +75,20 @@ export default {
   name: 'PsTableResultsHead',
   components: { PsIcon },
   props: {
+    /**
+    * It sets the title for the first column.
+    */
+    firstColumnTitle: {
+      type: String,
+      default: ''
+    },
+    /**
+    * It sets the description for the first column.
+    */
+    firstColumnDescription: {
+      type: String,
+      default: ''
+    },
     /**
     * It sets the values which will be use to render the header.
     */