@eturnity/eturnity_reusable_components 6.42.0 → 6.42.1-EPDM-8599.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "6.42.0",
+  "version": "6.42.1-EPDM-8599.0",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/App.vue

@@ -4,6 +4,16 @@
       <br />
 
      {{ alignItems }}
+     <infoCard>
+      Hello there here is a lot of text decnicninec
+      ceecc
+      ec
+      ececc
+      ececeecec
+      cecececec
+      <br>
+      deed
+      </infoCard>
           <input-number
             :value="value"
             :minNumber="0"
@@ -112,6 +122,7 @@ import iconCollection from '@/components/icon/iconCollection'
 import dropdownComponent from '@/components/dropdown'
 import videoThumbnail from '@/components/videoThumbnail'
 import icon from '@/components/icon'
+import infoCard from '@/components/infoCard'
 // import TableDropdown from "@/components/tableDropdown"
 
 const PageContainer = styled.div`
@@ -136,7 +147,8 @@ export default {
     iconCollection,
     dropdownComponent,
     videoThumbnail,
-    icon
+    icon,
+    infoCard
   },
   data() {
     return {

package/src/components/infoCard/index.vue

@@ -0,0 +1,38 @@
+<template>
+    <info-container>
+            <icon name="info" size="24px" />
+      <InfoTextContainer>
+        <slot />
+      </InfoTextContainer>
+    </info-container>
+</template>
+    
+<script>
+import styled from 'vue-styled-components'
+import icon from '../icon'
+const InfoContainer = styled('div')`
+  display: flex;
+  align-items: flex-start;
+  gap: 15px;
+  padding: 20px;
+  width: 500px;
+  min-width: 450px;
+  border: 1px dashed #dee2eb;
+  border-radius: 4px;
+  margin:20px 0;
+`
+
+const InfoTextContainer = styled('div')`
+  font-size: 13px;
+`
+
+
+export default {
+    components:{
+        icon,
+        InfoTextContainer,
+        InfoContainer
+    },
+    props:[]
+}
+</script>

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

@@ -14,9 +14,11 @@
             labelFontColor || colorMode == 'dark' ? 'white' : 'eturnityGrey'
           "
           :fontSize="fontSize"
-          >{{ label }} <optionalLabel v-if="labelOptional"> ({{ $gettext('Optional') }})</optionalLabel>
-          </input-label
-        >
+          >{{ label }}
+          <optionalLabel v-if="labelOptional">
+            ({{ $gettext('Optional') }})</optionalLabel
+          >
+        </input-label>
         <info-text
           v-if="infoTextMessage"
           :text="infoTextMessage"
@@ -30,6 +32,7 @@
           ref="select"
           @click="toggleDropdown"
           :selectHeight="selectHeight"
+          :selectMinHeight="selectMinHeight"
           :bgColor="
             buttonBgColor || colorMode == 'dark' ? 'transparentBlack1' : 'white'
           "
@@ -162,7 +165,6 @@ const InputLabel = styled('div', labelAttrs)`
 `
 const optionalLabel = styled.span`
   font-weight: 300;
-
 `
 const inputProps = { selectWidth: String, optionWidth: String }
 const Container = styled('div', inputProps)`
@@ -191,6 +193,7 @@ const selectButtonAttrs = {
   hasError: Boolean,
   disabled: Boolean,
   selectHeight: String,
+  selectMinHeight: String,
   isSearchBarVisible: Boolean,
   showBorder: Boolean
 }
@@ -198,11 +201,10 @@ const selectButton = styled('div', selectButtonAttrs)`
   position: relative;
   box-sizing: border-box;
   border-radius: 4px;
-  padding: ${(props) =>
-    props.isSearchBarVisible ? '0' : '0px 0px 0 15px'};
+  padding: ${(props) => (props.isSearchBarVisible ? '0' : '0px 0px 0 15px')};
   text-align: left;
   border-radius: 4px;
-  min-height: 36px;
+  min-height: ${(props) => props.selectMinHeight};
   display: flex;
   align-items: center;
   max-height: ${(props) => props.selectHeight};
@@ -303,9 +305,14 @@ export default {
       default: null
     },
     selectHeight: {
+      type: String,
       required: false,
       default: null
     },
+    selectMinHeight: {
+      required: false,
+      default: '36px'
+    },
     optionWidth: {
       required: false,
       default: null

package/src/helpers/numberConverter.js

@@ -24,7 +24,8 @@ export const stringToNumber = ({
     selectedLang === 'it' ||
     selectedLang === 'it-it' ||
     selectedLang === 'nl-nl' ||
-    selectedLang === 'nl-be'
+    selectedLang === 'nl-be' ||
+    selectedLang === 'de-at'
   ) {
     // replace dots with blank, and commas with a dot: 1.234,56 --> 1234.56
     if (allowNegative) {