@eturnity/eturnity_reusable_components 1.0.64 → 1.0.68

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.0.64",
+  "version": "1.0.68",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/inputs/checkbox/index.vue

@@ -28,6 +28,7 @@
 //     checkColor="blue"
 //     size="small"
 //     backgroundColor="red"
+//     :isDisabled="true"
 // />
 import styled from "vue-styled-components"
 

package/src/components/inputs/inputNumber/index.vue

@@ -297,7 +297,7 @@ export default {
       this.isFocused = true
     },
     formatWithCurrency(value) {
-      if (value && !this.isFocused) {
+      if ((value || value === 0) && !this.isFocused) {
         let input = numberToString({
           value: value,
           numberPrecision: this.numberPrecision,

package/src/components/inputs/toggle/index.vue

@@ -1,9 +1,12 @@
 <template>
   <container>
     <flex-wrapper :size="size">
-      <label-text v-if="labelAlign === 'left'" :size="size">{{
-        label
-      }}</label-text>
+      <label-text
+        v-if="labelAlign === 'left'"
+        :size="size"
+        @click="onToggleChange"
+        >{{ label }}</label-text
+      >
       <toggle-wrapper
         role="checkbox"
         :checked="isChecked"

package/src/components/tables/mainTable/index.vue

@@ -106,6 +106,8 @@ const TableContainer = styled.table`
     &.empty {
       height: 100px;
       text-align: center;
+      cursor: default;
+      background-color: #fff !important;
     }
 
     &.no-border {
@@ -193,6 +195,7 @@ const TableContainer = styled.table`
     }
 
     .icons-container {
+      padding-right: 2px; // so that the icons are not cut off when hovering
       width: 1%; // necessary so it doesn't take up too much white space
       display: table-cell;
       flex-wrap: nowrap;