@eturnity/eturnity_reusable_components 6.34.0 → 6.37.0-3d-qa-6.38.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "6.34.0",
+  "version": "6.37.0-3d-qa-6.38.0",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",
@@ -60,4 +60,4 @@
   "author": "Aaron Enser",
   "license": "ISC",
   "homepage": "https://bitbucket.org/eturnitydevs/eturnity_reusable_components#readme"
-}
+}

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

@@ -432,6 +432,10 @@ export default {
     labelFontColor: {
       required: false,
       default: 'eturnityGrey'
+    },
+    focus:{
+      required: false,
+      default: false
     }
   },
   computed: {
@@ -544,7 +548,7 @@ export default {
       }
       this.isFocused = true
       this.$nextTick(() => {
-        this.$refs.inputField1.$el.select()
+        this.$refs.inputField1.$el.focus()
       })
       this.$emit('input-focus')
     },
@@ -630,7 +634,17 @@ export default {
       })
     }
   },
+  mounted(){
+    if(this.focus){
+      this.focusInput()
+    }
+  },
   watch: {
+    focus(value){
+      if(value){
+        this.focusInput()
+      }
+    },
     clearInput: function (value) {
       if (value) {
         // If the value is typed, then we should clear the textInput on Continue

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

@@ -76,7 +76,9 @@
 import styled from 'vue-styled-components'
 import InfoText from '../../infoText'
 import theme from '../../../assets/theme'
-const Container = styled.div``
+const Container = styled.div`
+  width:100%
+`
 
 const flexAttrs = {
   label: String,
@@ -92,6 +94,7 @@ const FlexWrapper = styled('div', flexAttrs)`
   cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};
   grid-template-columns: ${(props) =>
     props.alignItems === 'vertical' || !props.label ? '1fr' : 'auto 1fr'};
+  width:100%;
 `
 
 const toggleAttrs = {
@@ -117,6 +120,7 @@ const SwitchWrapper = styled('span', toggleAttrs)`
       : props.size === 'small'
       ? '16px'
       : '24px'};
+  width:100%;
 `
 const optionAttrs = {
   isActive: Boolean,
@@ -139,9 +143,10 @@ const switchOption = styled('div', optionAttrs)`
   line-height: 1;
   text-align: center;
   padding: 10px;
-  margin-right: -1px;
+  margin-right: 0;
   transition: all 0.1s ease-in-out;
   overflow: hidden;
+  width:100%;
   & :hover {
     cursor: pointer;
   }