@policystudio/policy-studio-ui-vue 1.0.75 → 1.0.78

package/dist/css/psui_styles.css

@@ -17251,6 +17251,7 @@ html {
       transition-duration: 300ms;
       transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
       z-index: 10;
+      display: none;
       transition-delay: 0.4s;
     }
 
@@ -18664,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.75",
+  "version": "1.0.78",
   "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/assets/scss/components/PsTooltip.scss

@@ -5,7 +5,7 @@
             @apply psui-relative;
 
             .psui-el-tooltip-dialog {
-                @apply psui-fixed psui-opacity-0 psui-transition-opacity psui-duration-300 psui-ease-in-out psui-z-10;
+                @apply psui-fixed psui-opacity-0 psui-transition-opacity psui-duration-300 psui-ease-in-out psui-z-10 psui-hidden;
                 transition-delay: 0.4s;
 
                 .psui-el-tooltip-content {

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/tooltip/PsRichTooltip.vue

@@ -1,5 +1,5 @@
 <template>
-  <PsTooltip :layout="layout" :title="title" :cssClass="cssClass" :position="position">
+  <PsTooltip :layout="layout" :title="title" :cssClass="cssClass" :position="position" :ignoreDialog="ignoreDialog">
     <template v-slot:trigger>
       <slot name="trigger"></slot>
     </template>
@@ -39,6 +39,10 @@ export default {
       type: String,
       default: 'bottom',
       validator: (value)=> ['bottom','top'].includes(value)
+    },
+    ignoreDialog: {
+      type: Boolean,
+      default: false
     }
 
   },

package/src/components/tooltip/PsTooltip.vue

@@ -113,6 +113,7 @@ export default {
       const rectDialog = dialog.getBoundingClientRect()
       const rectTrigger = trigger.getBoundingClientRect()
       const windowWidth = document.documentElement.clientWidth
+
       dialog.style.top = `${rectTrigger.y + rectTrigger.height + 8}px`
 
       if (rectTrigger.x + rectDialog.width + 20 > windowWidth) {