@eturnity/eturnity_reusable_components 1.2.51 → 1.2.53

package/package.json

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

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

@@ -371,6 +371,10 @@ export default {
       required: false,
       default: 'left'
     },
+    defaultNumber:{
+      required:false,
+      default:null
+    },
     minNumber: {
       required: false,
       default: null
@@ -402,6 +406,7 @@ export default {
   computed: {
     displayedPlaceholder() {
       if (this.placeholder) return this.placeholder
+      if (this.defaultNumber) return `${this.defaultNumber} ${this.unitName ? this.unitName : ''}`
       return `${this.minNumber || 0} ${this.unitName ? this.unitName : ''}`
     },
     hasSlot() {
@@ -413,8 +418,13 @@ export default {
   },
   methods: {
     onChangeHandler(event) {
-      if (isNaN(event) || event == '') {
-        event = this.minNumber || this.minNumber === 0 ? this.minNumber : event
+      if (isNaN(event) || event === '') {
+
+        event = this.defaultNumber
+        ?this.defaultNumber
+        :this.minNumber || this.minNumber === 0 
+        ? this.minNumber 
+        : event
       }
       if (!this.allowNegative) {
         event = Math.abs(event)
@@ -479,13 +489,16 @@ export default {
       if ((evaluatedInput && value.length) || this.minNumber !== null) {
         this.textInput = numberToString({
           value:
-            evaluatedInput && value.length ? evaluatedInput : this.minNumber,
+            evaluatedInput && value.length ? evaluatedInput : 
+            this.defaultNumber?this.defaultNumber:this.minNumber,
           numberPrecision: this.numberPrecision
         })
       }
       let adjustedMinValue =
         evaluatedInput && evaluatedInput.length
-          ? evaluatedInput
+          ? evaluatedInput 
+          : this.defaultNumber
+          ? this.defaultNumber
           : this.minNumber || this.minNumber === 0
           ? this.minNumber
           : ''
@@ -514,6 +527,8 @@ export default {
       let adjustedMinValue =
         value || value === 0
           ? value
+          : this.defaultNumber
+          ? this.defaultNumber
           : this.minNumber || this.minNumber === 0
           ? this.minNumber
           : ''
@@ -569,6 +584,11 @@ export default {
         value: this.value,
         numberPrecision: this.numberPrecision
       })
+    } else if (this.defaultNumber !== null) {
+      this.textInput = numberToString({
+        value: this.defaultNumber,
+        numberPrecision: this.numberPrecision
+      })
     } else if (this.minNumber !== null) {
       this.textInput = numberToString({
         value: this.minNumber,

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

@@ -33,6 +33,7 @@
             :type="inputTypeData"
             :fontColor="fontColor"
             :backgroundColor="backgroundColor"
+            :disabledBackgroundColor="disabledBackgroundColor"
           />
           <icon-wrapper
             v-if="inputType === 'password' && !isError"
@@ -104,6 +105,7 @@ const inputProps = {
   backgroundColor:String,
   borderColor:String,
   inputHeight:String,
+  disabledBackgroundColor:String
 }
 const InputContainer = styled('input', inputProps)`
   border: ${(props) =>
@@ -141,8 +143,10 @@ const InputContainer = styled('input', inputProps)`
   font-weight: 400;
   cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'auto')};
   background-color: ${(props) => 
+    props.isDisabled ? 
+    (props.disabledBackgroundColor ? props.disabledBackgroundColor+' !important' 
+    : props.theme.colors.grey5) :
     props.backgroundColor ? props.backgroundColor+' !important' :
-    props.isDisabled ? props.theme.colors.grey5 :
     props.theme.colors.white};
   &::placeholder {
     color: ${(props) => props.theme.colors.grey2};
@@ -280,6 +284,10 @@ export default {
       required:false,
       default:'white'
     },
+    disabledBackgroundColor:{
+      required:false,
+      default:null
+    },
     fontColor:{
       required:false,
       default:'black'