@policystudio/policy-studio-ui-vue 1.1.28 → 1.1.30

package/package.json

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

package/src/components/controls/PsCheckbox.vue

@@ -1,14 +1,14 @@
 <template>
   <div class='psui-el-checkbox' :class="[getComponentClass, {'disabled':disabled}]" >
     <input 
-      :id="label" 
+      :id="getInputId" 
       type="checkbox" 
       :value="inputValue"
       v-model="model"
       :disabled="disabled"      
     />
     <label 
-      :for="label" 
+      :for="getInputId" 
       class="psui-el-checkmark"
       :class="[labelClasses, 'psui-el-checkmark']"
     >
@@ -19,6 +19,7 @@
 
 <script>
 //FIGMA CONTROLS & SELECTORS https://www.figma.com/file/Tto8hrNlSfuPcwd1pfqogF/%E2%9A%A1%EF%B8%8F-Design-System?node-id=1768%3A64852
+import { randomString } from '../../util/GeneralFunctions'
 
 export default {
   name: 'PsCheckbox',
@@ -74,6 +75,15 @@ export default {
     getComponentClass(){
       return `size-${this.size} layout-${this.layout}`
     },
+    getInputId() {
+      if (this?.inputAttrs?.id) {
+        return this.inputAttrs.id
+      } else if (this?.$attrs?.id) {
+        return this.$attrs.id
+      } else {
+        return randomString(16)
+      }
+    },
     model: {
       get(){
         return this.value

package/src/components/controls/PsCheckboxSimple.vue

@@ -1,9 +1,35 @@
 <template>
   <div 
+    v-if="withPrevent"
     class='psui-el-checkbox' 
     :class="[getComponentClass, {'disabled':disabled}]"
     v-bind="getComponentAttrs"
+    @click.prevent="$emit('click', $event)"
+  >
+    <input 
+      type="checkbox" 
+      :checked="checked" 
+      :disabled="disabled"
+      :name="label"
+      :id="getInputId"
+      v-bind="inputAttrs"
+      @change="$emit('change', $event)"
+    />
+    <label 
+      :for="getInputId"
+      class="psui-el-checkmark"
     >
+      <slot name="content">
+        <span>{{ label }}</span>
+      </slot>
+    </label>    
+  </div>
+  <div 
+    v-else
+    class='psui-el-checkbox' 
+    :class="[getComponentClass, {'disabled':disabled}]"
+    v-bind="getComponentAttrs"
+  >
     <input 
       type="checkbox" 
       :checked="checked" 
@@ -11,7 +37,7 @@
       :name="label"
       :id="getInputId"
       v-bind="inputAttrs"
-      @change="$emit('change')"
+      @change="$emit('change', $event)"
     />
     <label 
       :for="getInputId"
@@ -40,6 +66,11 @@ export default {
     /**
      * It disables the checkbox input.
      */
+    withPrevent: {
+      type: Boolean,
+      default: false,
+    },
+
     disabled: {
       type: Boolean,
       default: false,

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

@@ -195,7 +195,7 @@
                   </template>
                 </PsTooltip>
 
-                <PsTooltip v-else-if="column.hasProjections">
+                <PsTooltip v-else-if="column.hasProjections && !item.is_disabled && item.disable_projection_select !== true">
                   <template v-slot:trigger>
                     <PsIcon
                       icon="bar_chart"
@@ -564,4 +564,4 @@ export default {
   },
 }
 </script>
-<style> /* Please, use the file src/assets/scss/components/PsTableResults.scss */ </style>
+<style> /* Please, use the file src/assets/scss/components/PsTableResults.scss */ </style>