@eturnity/eturnity_reusable_components 6.32.0 → 6.33.1-3d-qa-6.37.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "6.32.0",
+  "version": "6.33.1-3d-qa-6.37.0",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/assets/svgIcons/flatten.svg

@@ -1,12 +1,12 @@
 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="2.98828" y="6" width="3" height="1.6" transform="rotate(90 2.98828 6)" fill="white"/>
-<path d="M2.21317 10.8279L4.35603 8.32892H0.0703125L2.21317 10.8279Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2.18945 6C2.74174 6 3.18945 5.55228 3.18945 5C3.18945 4.44772 2.74174 4 2.18945 4C1.63717 4 1.18945 4.44772 1.18945 5C1.18945 5.55228 1.63717 6 2.18945 6ZM2.18945 7C3.29402 7 4.18945 6.10457 4.18945 5C4.18945 3.89543 3.29402 3 2.18945 3C1.08488 3 0.189453 3.89543 0.189453 5C0.189453 6.10457 1.08488 7 2.18945 7Z" fill="white"/>
-<rect x="7.77344" y="3" width="6" height="1.6" transform="rotate(90 7.77344 3)" fill="white"/>
-<path d="M6.99833 10.8279L9.14118 8.32892H4.85547L6.99833 10.8279Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6.97461 3C7.52689 3 7.97461 2.55228 7.97461 2C7.97461 1.44772 7.52689 1 6.97461 1C6.42232 1 5.97461 1.44772 5.97461 2C5.97461 2.55228 6.42232 3 6.97461 3ZM6.97461 4C8.07918 4 8.97461 3.10457 8.97461 2C8.97461 0.895431 8.07918 0 6.97461 0C5.87004 0 4.97461 0.895431 4.97461 2C4.97461 3.10457 5.87004 4 6.97461 4Z" fill="white"/>
-<rect x="12.5605" y="5" width="4" height="1.6" transform="rotate(90 12.5605 5)" fill="white"/>
-<path d="M11.7854 10.8279L13.9283 8.32892H9.64258L11.7854 10.8279Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.7617 5C12.314 5 12.7617 4.55228 12.7617 4C12.7617 3.44772 12.314 3 11.7617 3C11.2094 3 10.7617 3.44772 10.7617 4C10.7617 4.55228 11.2094 5 11.7617 5ZM11.7617 6C12.8663 6 13.7617 5.10457 13.7617 4C13.7617 2.89543 12.8663 2 11.7617 2C10.6571 2 9.76172 2.89543 9.76172 4C9.76172 5.10457 10.6571 6 11.7617 6Z" fill="white"/>
-<rect x="14" y="14" width="14" height="1.6" transform="rotate(-180 14 14)" fill="white"/>
-</svg>
+  <path transform="rotate(90 2.98828 6)" fill="white" d="M2.9883 6h3v1.6H2.9883Z" />
+  <path d="M2.21317 10.8279L4.35603 8.32892H0.0703125L2.21317 10.8279Z" fill="white" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M2.18945 6C2.74174 6 3.18945 5.55228 3.18945 5C3.18945 4.44772 2.74174 4 2.18945 4C1.63717 4 1.18945 4.44772 1.18945 5C1.18945 5.55228 1.63717 6 2.18945 6ZM2.18945 7C3.29402 7 4.18945 6.10457 4.18945 5C4.18945 3.89543 3.29402 3 2.18945 3C1.08488 3 0.189453 3.89543 0.189453 5C0.189453 6.10457 1.08488 7 2.18945 7Z" fill="white" />
+  <path transform="rotate(90 7.77344 3)" fill="white" d="M7.7734 3h6v1.6H7.7734Z" />
+  <path d="M6.99833 10.8279L9.14118 8.32892H4.85547L6.99833 10.8279Z" fill="white" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M6.97461 3C7.52689 3 7.97461 2.55228 7.97461 2C7.97461 1.44772 7.52689 1 6.97461 1C6.42232 1 5.97461 1.44772 5.97461 2C5.97461 2.55228 6.42232 3 6.97461 3ZM6.97461 4C8.07918 4 8.97461 3.10457 8.97461 2C8.97461 0.895431 8.07918 0 6.97461 0C5.87004 0 4.97461 0.895431 4.97461 2C4.97461 3.10457 5.87004 4 6.97461 4Z" fill="white" />
+  <path transform="rotate(90 12.5605 5)" fill="white" d="M12.5605 5h4v1.6H12.5605Z" />
+  <path d="M11.7854 10.8279L13.9283 8.32892H9.64258L11.7854 10.8279Z" fill="white" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7617 5C12.314 5 12.7617 4.55228 12.7617 4C12.7617 3.44772 12.314 3 11.7617 3C11.2094 3 10.7617 3.44772 10.7617 4C10.7617 4.55228 11.2094 5 11.7617 5ZM11.7617 6C12.8663 6 13.7617 5.10457 13.7617 4C13.7617 2.89543 12.8663 2 11.7617 2C10.6571 2 9.76172 2.89543 9.76172 4C9.76172 5.10457 10.6571 6 11.7617 6Z" fill="white" />
+  <path transform="rotate(-180 14 14)" fill="white" d="M14 14h14v1.6H14Z" />
+</svg>

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;
   }