@eturnity/eturnity_reusable_components 1.2.19-dev03.1 → 1.2.19-v.5.42.0

package/src/helpers/numberConverter.js

@@ -1,101 +1,101 @@
-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
+  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
+  })
+}

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,11 @@
-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"
+
+Vue.config.productionTip = false
+
+Vue.use(VueCompositionAPI)
+
+new Vue({
+  render: (h) => h(App),
+}).$mount("#app")

package/src/assets/svgIcons/margin_tool.svg

@@ -1,4 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.75" y="0.75" width="12.5" height="12.5" stroke="white" stroke-width="1.5"/>
-<rect x="4.5" y="4.5" width="5" height="5" stroke="white" stroke-width="1.5"/>
-</svg>

package/src/assets/svgIcons/redo.svg

@@ -1,6 +0,0 @@
-<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.51904 2H10.519V4H4.51904V2Z" fill="#555D61"/>
-<path d="M4.51904 8H8.51904V10H4.51904V8Z" fill="#555D61"/>
-<path d="M10.519 5.92321L13.4807 2.96161L10.519 0L10.519 5.92321Z" fill="#555D61"/>
-<path d="M7.98391 8C7.29229 9.1956 5.99961 10 4.51904 10C2.3099 10 0.519043 8.20914 0.519043 6C0.519043 3.79086 2.3099 2 4.51904 2C5.99961 2 7.2923 2.8044 7.98391 4H4.51904C3.41447 4 2.51904 4.89543 2.51904 6C2.51904 7.10457 3.41447 8 4.51904 8H7.98391Z" fill="#555D61"/>
-</svg>

package/src/assets/svgIcons/undo.svg

@@ -1,6 +0,0 @@
-<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.48096 2H3.48096V4H9.48096V2Z" fill="white"/>
-<path d="M9.48096 8H5.48096V10H9.48096V8Z" fill="white"/>
-<path d="M3.48096 5.92321L0.519349 2.96161L3.48096 0L3.48096 5.92321Z" fill="white"/>
-<path d="M6.01609 8C6.70771 9.1956 8.00039 10 9.48096 10C11.6901 10 13.481 8.20914 13.481 6C13.481 3.79086 11.6901 2 9.48096 2C8.00039 2 6.7077 2.8044 6.01609 4H9.48096C10.5855 4 11.481 4.89543 11.481 6C11.481 7.10457 10.5855 8 9.48096 8H6.01609Z" fill="white"/>
-</svg>

package/src/components/iconWrapper/index.vue

@@ -1,111 +0,0 @@
-<template>
-    <Wrapper 
-    :disabled="disabled" 
-    :size="size" 
-    :backgroundColor="backgroundColor" 
-    :borderRadius="borderRadius"
-    :hoveredBackgroundColor="hoveredBackgroundColor">
-        <icon :disabled="disabled" 
-            :size="iconSize" 
-            :name="name" 
-            :color="iconColor" 
-            :hoveredColor="hoveredIconColor" />
-        <caret v-if="hasCaret">
-          <iconWrapper :disabled="disabled" 
-            size="8px" 
-            name="arrow_down" 
-            :iconColor="iconColor" 
-            :hoveredBackgroundColor="hoveredIconColor"
-            borderRadius="1px" 
-            />
-            
-        </caret>
-    </Wrapper>  
-  </template>
-  
-  <script>
-  // import Icon from "@eturnity/eturnity_reusable_components/src/components/icon"
-  //  How to use:
-  //<icon
-  //   name="House" //required. a svg file named [name].svg should be present in /assets/svgIcons
-  //   color="red"
-  //   hoveredColor="blue"
-  //   size="60px" by default, this is 30px
-  // />
-  
-  import styled from 'vue-styled-components'
-  import icon from '../icon'
-  const wrapperAttrs = { borderRadius:String,disabled: Boolean, size: String,backgroundColor:String,hoveredBackgroundColor:String }
-  const Wrapper = styled('div', wrapperAttrs)`
-    position:relative;
-    display: inline-flex;
-    width: ${(props) => props.size};
-    height: ${(props) => props.size};
-    justify-content:center;
-    align-items:center;
-    cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};
-    background-color: ${(props)=>props.theme.colors[props.backgroundColor] || props.backgroundColor};
-    border-radius: ${(props) => props.borderRadius};
-
-    &:hover{
-        background-color:${(props)=>props.theme.colors[props.hoveredBackgroundColor] || props.hoveredBackgroundColor};
-    }
-  `
-  const caret=styled.div`
-  position:absolute;
-  bottom:3px;
-  right:2px;
-  height:10px;
-  `
-
-  export default {
-    name: 'iconWrapper',
-    components: {
-      Wrapper,
-      icon,
-      caret
-    },
-    props: {
-      disabled: {
-        required: false,
-        default: false
-      },
-      name: {
-        required: true
-      },
-      iconColor: {
-        required: false,
-        default: 'white'
-      },
-      hoveredIconColor: {
-        required: false
-      },
-      backgroundColor: {
-        required: false,
-      },
-      hoveredBackgroundColor: {
-        required: false,
-        default:"transparentWhite1"
-      },
-      size: {
-        required: false,
-        default: '32px'
-      },
-      iconSize:{
-        required: false,
-        default:'18px'
-      },
-      hasCaret:{
-        required: false,
-        default: false
-      },
-      borderRadius:{
-        required:false,
-        default:'6px'
-      }
-    },
-    data() {
-      return {}
-    }
-  }
-  </script>