@eturnity/eturnity_reusable_components 1.1.47 → 1.1.50

package/package.json

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

package/src/App.vue

@@ -79,7 +79,7 @@ export default {
   },
   data() {
     return {
-      inputValue: 10,
+      inputValue: null,
       checkedOption: "button_1",
       question: {
         number_format_precision: 4,

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

@@ -14,6 +14,7 @@
     </label-wrapper>
     <input-wrapper>
       <input-container
+        ref="inputField1"
         :hasUnit="unitName && !!unitName.length"
         :placeholder="placeholder"
         :isError="isError"
@@ -64,6 +65,7 @@
 //     labelText="Number of Modules"
 //     labelInfoText="Here is some information for you..."
 //     labelInfoAlign="left"
+//     :minNumber="0"
 // />
 import styled from "vue-styled-components"
 import {
@@ -249,6 +251,10 @@ export default {
       required: false,
       default: "right",
     },
+    minNumber: {
+      required: false,
+      default: null,
+    },
   },
   methods: {
     onChangeHandler(event) {
@@ -289,33 +295,48 @@ export default {
       let value = e.target.value
       let evaluatedInput = this.onEvaluateCode(value)
       this.onChangeHandler(evaluatedInput)
-      if (value && value.length) {
+      if ((value && value.length) || this.minNumber !== null) {
         this.textInput = numberToString({
-          value: evaluatedInput,
+          value: value && value.length ? evaluatedInput : this.minNumber,
           numberPrecision: this.numberPrecision,
         })
       }
-      this.$emit("input-blur", value)
+      let adjustedMinValue =
+        value && value.length
+          ? value
+          : this.minNumber || this.minNumber === 0
+          ? this.minNumber
+          : ""
+      this.$emit("input-blur", adjustedMinValue)
     },
     focusInput() {
       if (this.disabled) {
         return
       }
       this.isFocused = true
+      this.$nextTick(() => {
+        this.$refs.inputField1.$el.select()
+      })
     },
     formatWithCurrency(value) {
-      if ((value || value === 0) && !this.isFocused) {
+      let adjustedMinValue =
+        value || value === 0
+          ? value
+          : this.minNumber || this.minNumber === 0
+          ? this.minNumber
+          : ""
+      if ((adjustedMinValue || adjustedMinValue === 0) && !this.isFocused) {
         let input = numberToString({
-          value: value,
+          value: adjustedMinValue,
           numberPrecision: this.numberPrecision,
         })
         let unit = this.showLinearUnitName ? "" : this.unitName
         return input + " " + unit
-      } else if (!value) {
+      } else if (!adjustedMinValue && adjustedMinValue !== 0) {
         return ""
       } else {
         return numberToString({
-          value: value,
+          value: adjustedMinValue,
           numberPrecision: this.numberPrecision,
         })
       }
@@ -327,6 +348,11 @@ export default {
         value: this.value,
         numberPrecision: this.numberPrecision,
       })
+    } else if (this.minNumber !== null) {
+      this.textInput = numberToString({
+        value: this.minNumber,
+        numberPrecision: this.numberPrecision,
+      })
     }
   },
   watch: {

package/src/components/pageSubtitle/index.vue

@@ -8,6 +8,7 @@
       v-if="!!infoText"
       size="14"
       borderColor="#ccc"
+      :alignText="alignInfoText"
     />
   </subtitle-text>
 </template>
@@ -54,6 +55,10 @@ export default {
       required: false,
       default: null,
     },
+    alignInfoText: {
+      required: false,
+      default: "left",
+    },
   },
 }
 </script>

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

@@ -32,7 +32,6 @@ const TableTitle = styled.div`
 `
 
 const TableScroll = styled.div`
-  /* position: relative; */
   max-width: 100%;
 `
 
@@ -43,15 +42,17 @@ const TableWrapper = styled("div", wrapperAttrs)`
   overflow: auto;
 
   ::-webkit-scrollbar {
-    width: 10px; //width of the whole scrollbar area
+    height: 5px; //height of the whole scrollbar area
   }
 
   track ::-webkit-scrollbar-track {
-    background: #fff;
+    background: ${(props) => props.theme.colors.grey2};
+    border-radius: 4px;
   }
 
   ::-webkit-scrollbar-thumb {
-    border-bottom: 2px solid #b2b9c4; // width of the actual scrollbar
+    border-bottom: 5px solid ${(props) => props.theme.colors.purple}; // width of the actual scrollbar
+    border-radius: 4px;
   }
 `