@eturnity/eturnity_reusable_components 1.2.19-v.5.42.0 → 1.2.20

package/src/helpers/numberConverter.js

@@ -1,101 +1,98 @@
-export const stringToNumber = ({
-  value,
-  numberPrecision = false,
-  allowNegative
-}) => {
-  // This is for saving. It converts our input string to a readable number
-  if (value === undefined) {
-    value = ''
-  }
-  let newVal = value.toString()
-  const selectedLang = localStorage.getItem('lang')
-  // The first replace will replace not allowed characters with a blank
-  if (
-    selectedLang === 'de-DE' ||
-    selectedLang === 'de-de' ||
-    selectedLang === 'no-no' ||
-    selectedLang === 'da-dk' ||
-    selectedLang === 'de-lu' ||
-    selectedLang === 'de-be' ||
-    selectedLang === 'es-es' ||
-    selectedLang === 'de' ||
-    selectedLang === 'it' ||
-    selectedLang === 'nl-nl' ||
-    selectedLang === 'nl-be'
-  ) {
-    // replace dots with blank, and commas with a dot: 1.234,56 --> 1234.56
-    if (allowNegative) {
-      newVal = newVal
-        .replace(/[^\d-.,']/g, '')
-        .replace(/[.\s]/g, '')
-        .replace(/[,\s]/, '.')
-    } else {
-      newVal = newVal
-        .replace(/[^\d.,']/g, '')
-        .replace(/[.\s]/g, '')
-        .replace(/[,\s]/, '.')
-    }
-  } else if (selectedLang === 'en-us') {
-    // replace commas with blank: 1,234.56 --> 1234.56
-    if (allowNegative) {
-      newVal = newVal.replace(/[^\d-.,']/g, '').replace(/[,\s]/g, '')
-    } else {
-      newVal = newVal.replace(/[^\d.,']/g, '').replace(/[,\s]/g, '')
-    }
-  } else if (
-    selectedLang === 'de-ch' ||
-    selectedLang === 'fr-ch' ||
-    selectedLang === 'it-ch'
-  ) {
-    // replace ' with blank: 1'234.56 --> 1234.56
-    if (allowNegative) {
-      newVal = newVal
-        .replace(/[^\d-.,']/g, '')
-        .replace(/[,\s]/, '')
-        .replace(/['\s]/g, '')
-    } else {
-      newVal = newVal
-        .replace(/[^\d.,']/g, '')
-        .replace(/[,\s]/, '')
-        .replace(/['\s]/g, '')
-    }
-  } else if (
-    selectedLang === 'fr-fr' ||
-    selectedLang === 'fr-be' ||
-    selectedLang === 'fr-lu' ||
-    selectedLang === 'sv-se' ||
-    selectedLang === 'pt-pt' ||
-    selectedLang === 'fr'
-  ) {
-    // replace space with blank, and commas with dot: 1 234,56 --> 1234.56
-    if (allowNegative) {
-      newVal = newVal.replace(/[^\d-.,']/g, '').replace(/[,\s]/g, '.')
-    } else {
-      newVal = newVal.replace(/[^\d.,']/g, '').replace(/[,\s]/g, '.')
-    }
-  } else {
-    // en-US as default: 1,234.56 --> 1234.56
-    if (allowNegative) {
-      newVal = newVal.replace(/[^\d-.,']/g, '').replace(/[,\s]/g, '')
-    } else {
-      newVal = newVal.replace(/[^\d.,']/g, '').replace(/[,\s]/g, '')
-    }
-  }
-  newVal = parseFloat(newVal)
-  if (numberPrecision !== false) {
-    newVal = newVal.toFixed(numberPrecision)
-  }
-  return parseFloat(newVal)
-}
-
-export const numberToString = ({ value, numberPrecision }) => {
-  let selectedLang = localStorage.getItem('lang')
-    ? localStorage.getItem('lang') === 'fr-lu'
-      ? 'fr-fr'
-      : localStorage.getItem('lang')
-    : 'en-US'
-  return value.toLocaleString(selectedLang, {
-    minimumFractionDigits: numberPrecision,
-    maximumFractionDigits: numberPrecision
-  })
-}
+export const stringToNumber = ({
+  value,
+  numberPrecision = false,
+  allowNegative
+}) => {
+  // This is for saving. It converts our input string to a readable number
+  let newVal = value.toString()
+  const selectedLang = localStorage.getItem('lang')
+  // The first replace will replace not allowed characters with a blank
+  if (
+    selectedLang === 'de-DE' ||
+    selectedLang === 'de-de' ||
+    selectedLang === 'no-no' ||
+    selectedLang === 'da-dk' ||
+    selectedLang === 'de-lu' ||
+    selectedLang === 'de-be' ||
+    selectedLang === 'es-es' ||
+    selectedLang === 'de' ||
+    selectedLang === 'it' ||
+    selectedLang === 'nl-nl' ||
+    selectedLang === 'nl-be'
+  ) {
+    // replace dots with blank, and commas with a dot: 1.234,56 --> 1234.56
+    if (allowNegative) {
+      newVal = newVal
+        .replace(/[^\d-.,']/g, '')
+        .replace(/[.\s]/g, '')
+        .replace(/[,\s]/, '.')
+    } else {
+      newVal = newVal
+        .replace(/[^\d.,']/g, '')
+        .replace(/[.\s]/g, '')
+        .replace(/[,\s]/, '.')
+    }
+  } else if (selectedLang === 'en-us') {
+    // replace commas with blank: 1,234.56 --> 1234.56
+    if (allowNegative) {
+      newVal = newVal.replace(/[^\d-.,']/g, '').replace(/[,\s]/g, '')
+    } else {
+      newVal = newVal.replace(/[^\d.,']/g, '').replace(/[,\s]/g, '')
+    }
+  } else if (
+    selectedLang === 'de-ch' ||
+    selectedLang === 'fr-ch' ||
+    selectedLang === 'it-ch'
+  ) {
+    // replace ' with blank: 1'234.56 --> 1234.56
+    if (allowNegative) {
+      newVal = newVal
+        .replace(/[^\d-.,']/g, '')
+        .replace(/[,\s]/, '')
+        .replace(/['\s]/g, '')
+    } else {
+      newVal = newVal
+        .replace(/[^\d.,']/g, '')
+        .replace(/[,\s]/, '')
+        .replace(/['\s]/g, '')
+    }
+  } else if (
+    selectedLang === 'fr-fr' ||
+    selectedLang === 'fr-be' ||
+    selectedLang === 'fr-lu' ||
+    selectedLang === 'sv-se' ||
+    selectedLang === 'pt-pt' ||
+    selectedLang === 'fr'
+  ) {
+    // replace space with blank, and commas with dot: 1 234,56 --> 1234.56
+    if (allowNegative) {
+      newVal = newVal.replace(/[^\d-.,']/g, '').replace(/[,\s]/g, '.')
+    } else {
+      newVal = newVal.replace(/[^\d.,']/g, '').replace(/[,\s]/g, '.')
+    }
+  } else {
+    // en-US as default: 1,234.56 --> 1234.56
+    if (allowNegative) {
+      newVal = newVal.replace(/[^\d-.,']/g, '').replace(/[,\s]/g, '')
+    } else {
+      newVal = newVal.replace(/[^\d.,']/g, '').replace(/[,\s]/g, '')
+    }
+  }
+  newVal = parseFloat(newVal)
+  if (numberPrecision !== false) {
+    newVal = newVal.toFixed(numberPrecision)
+  }
+  return parseFloat(newVal)
+}
+
+export const numberToString = ({ value, numberPrecision }) => {
+  let selectedLang = localStorage.getItem('lang')
+    ? localStorage.getItem('lang') === 'fr-lu'
+      ? 'fr-fr'
+      : localStorage.getItem('lang')
+    : 'en-US'
+  return value.toLocaleString(selectedLang, {
+    minimumFractionDigits: numberPrecision,
+    maximumFractionDigits: numberPrecision
+  })
+}

package/src/helpers/translateLang.js

@@ -1,80 +1,80 @@
-export const translateLang = (lang) => {
-    // this is needed so that we use the correct keys for Phrase
-    if (lang === 'en') {
-        return 'english'
-    } else if (lang === 'en-us') {
-        return 'english_us'
-    } else if (lang === 'en-gb') {
-        return 'english_uk'
-    } else if (lang === 'de' || lang === 'de-de') {
-        return 'german'
-    } else if (lang === 'de-ch') {
-        return 'german_ch'
-    } else if (lang === 'de-lu') {
-        return 'german_lu'
-    } else if (lang === 'de-be') {
-        return 'german_be'
-    } else if (lang === 'fr' || lang === 'fr-fr') {
-        return 'french'
-    } else if (lang === 'fr-be') {
-        return 'french_be'
-    } else if (lang === 'fr-lu') {
-        return 'french_lu'
-    } else if (lang === 'fr-ch') {
-        return 'french_ch'
-    } else if (lang === 'it' || lang === 'it-it') {
-        return 'italian'
-    } else if (lang === 'it-ch') {
-        return 'italian_ch'
-    } else if (lang === 'da-dk') {
-        return 'danish'
-    } else if (lang === 'pl-pl') {
-        return 'polish'
-    } else if (lang === 'sv-se') {
-        return 'swedish'
-    } else if (lang === 'no-no') {
-        return 'norwegian'
-    } else if (lang === 'nl-nl' || lang === 'nl') {
-        return 'nl-nl'
-    } else if (lang === 'cs') {
-        return 'czech'
-    } else if (lang === 'fi-fi') {
-        return 'finnish'
-    } else if (lang === 'pt-pt') {
-        return 'portuguese'
-    } else if (lang === 'es-es') {
-        return 'spanish'
-    } else {
-        return lang
-    }
-}
-
-export const datePickerLang = (lang) => {
-    if (lang === 'de-de' || lang === 'de-ch' || lang === 'de-lu' || lang === 'de-be') {
-        return 'de'
-    } else if (lang === 'fr-fr' || lang === 'fr-ch' || lang === 'fr-lu' || lang === 'fr-be') {
-        return 'fr'
-    } else if (lang === 'it-it' || lang === 'it-ch') {
-        return 'it'
-    } else {
-        return lang
-    }
-}
-
-export const tinyLanguage = (lang) => {
-    if (lang === 'de' || lang === 'de-de'  || lang === 'de-ch' || lang === 'de-lu' || lang === 'de-be') {
-        return 'de'
-    } else if (lang === 'fr' || lang === 'fr-fr' || lang === 'fr-ch' || lang === 'fr-lu' || lang === 'fr-be') {
-        return 'fr_FR'
-    } else if (lang === 'it' || lang === 'it-it' || lang === 'it-ch') {
-        return 'it-IT'
-    } else if (lang === 'en-us') {
-        return null
-    } else {
-        let langCode = lang.replace(/-/g, '_').split('')
-        langCode[3] = langCode[3].toUpperCase()
-        langCode[4] = langCode[4].toUpperCase()
-        langCode = langCode.join('')
-        return langCode
-    }
-}
+export const translateLang = (lang) => {
+    // this is needed so that we use the correct keys for Phrase
+    if (lang === 'en') {
+        return 'english'
+    } else if (lang === 'en-us') {
+        return 'english_us'
+    } else if (lang === 'en-gb') {
+        return 'english_uk'
+    } else if (lang === 'de' || lang === 'de-de') {
+        return 'german'
+    } else if (lang === 'de-ch') {
+        return 'german_ch'
+    } else if (lang === 'de-lu') {
+        return 'german_lu'
+    } else if (lang === 'de-be') {
+        return 'german_be'
+    } else if (lang === 'fr' || lang === 'fr-fr') {
+        return 'french'
+    } else if (lang === 'fr-be') {
+        return 'french_be'
+    } else if (lang === 'fr-lu') {
+        return 'french_lu'
+    } else if (lang === 'fr-ch') {
+        return 'french_ch'
+    } else if (lang === 'it' || lang === 'it-it') {
+        return 'italian'
+    } else if (lang === 'it-ch') {
+        return 'italian_ch'
+    } else if (lang === 'da-dk') {
+        return 'danish'
+    } else if (lang === 'pl-pl') {
+        return 'polish'
+    } else if (lang === 'sv-se') {
+        return 'swedish'
+    } else if (lang === 'no-no') {
+        return 'norwegian'
+    } else if (lang === 'nl-nl' || lang === 'nl') {
+        return 'nl-nl'
+    } else if (lang === 'cs') {
+        return 'czech'
+    } else if (lang === 'fi-fi') {
+        return 'finnish'
+    } else if (lang === 'pt-pt') {
+        return 'portuguese'
+    } else if (lang === 'es-es') {
+        return 'spanish'
+    } else {
+        return lang
+    }
+}
+
+export const datePickerLang = (lang) => {
+    if (lang === 'de-de' || lang === 'de-ch' || lang === 'de-lu' || lang === 'de-be') {
+        return 'de'
+    } else if (lang === 'fr-fr' || lang === 'fr-ch' || lang === 'fr-lu' || lang === 'fr-be') {
+        return 'fr'
+    } else if (lang === 'it-it' || lang === 'it-ch') {
+        return 'it'
+    } else {
+        return lang
+    }
+}
+
+export const tinyLanguage = (lang) => {
+    if (lang === 'de' || lang === 'de-de'  || lang === 'de-ch' || lang === 'de-lu' || lang === 'de-be') {
+        return 'de'
+    } else if (lang === 'fr' || lang === 'fr-fr' || lang === 'fr-ch' || lang === 'fr-lu' || lang === 'fr-be') {
+        return 'fr_FR'
+    } else if (lang === 'it' || lang === 'it-it' || lang === 'it-ch') {
+        return 'it-IT'
+    } else if (lang === 'en-us') {
+        return null
+    } else {
+        let langCode = lang.replace(/-/g, '_').split('')
+        langCode[3] = langCode[3].toUpperCase()
+        langCode[4] = langCode[4].toUpperCase()
+        langCode = langCode.join('')
+        return langCode
+    }
+}

package/src/main.js

@@ -1,11 +1,13 @@
-import Vue from "vue"
-import App from "./App.vue"
-import VueCompositionAPI from "@vue/composition-api"
-
-Vue.config.productionTip = false
-
-Vue.use(VueCompositionAPI)
-
-new Vue({
-  render: (h) => h(App),
-}).$mount("#app")
+import Vue from "vue"
+import App from "./App.vue"
+import VueCompositionAPI from "@vue/composition-api"
+import vClickOutside from 'v-click-outside'
+
+Vue.config.productionTip = false
+
+Vue.use(VueCompositionAPI)
+Vue.use(vClickOutside)
+
+new Vue({
+  render: (h) => h(App),
+}).$mount("#app")

package/src/components/errorMessage/index.vue

@@ -1,62 +0,0 @@
-<template>
-  <component-wrapper>
-    <text-overlay>
-      <slot></slot>
-    </text-overlay>
-  </component-wrapper>
-</template>
-
-<script>
-// import InfoText from "@eturnity/eturnity_reusable_components/src/components/infoText"
-//To use:
-// <error-message
-//     alignText="right" // default is left
-// />
-
-import styled from 'vue-styled-components'
-
-const TextOverlay = styled.div`
-  position: absolute;
-  top: calc(100% + 13px);
-  background: ${(props) => props.theme.colors.red};
-  padding: 10px;
-  width: max-content;
-  max-width: 100%;
-  min-width: 200px;
-  font-size: 11px;
-  font-weight: 400;
-  border-radius: 4px;
-  font-family: 'Lato-Bold', Arial;
-  z-index: 99;
-  color: ${(props) => props.theme.colors.white};
-
-  :before {
-    content: '';
-    background-color: ${(props) => props.theme.colors.red};
-    position: absolute;
-    top: 2px;
-    left: 40px;
-    height: 11px;
-    width: 11px;
-    transform-origin: center center;
-    transform: translate(-2em, -0.5em) rotate(45deg);
-  }
-`
-
-const ComponentWrapper = styled.div`
-  display: block;
-`
-
-export default {
-  name: 'info-text',
-  components: {
-    TextOverlay,
-    ComponentWrapper
-  },
-  props: {},
-  methods: {},
-  data() {
-    return {}
-  }
-}
-</script>