@eturnity/eturnity_reusable_components 1.2.24-EPDM-5477 → 1.2.25-EPDM-5202.2

package/src/helpers/numberConverter.js

@@ -1,98 +1,98 @@
-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
-  })
-}
+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,13 +1,13 @@
-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")
+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/assets/svgIcons/dislike.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
-    <path d="M6.40533 12.7951L9.87682 9.32359C10.1087 9.09174 10.2403 8.77216 10.2403 8.44005V2.18009C10.2403 1.4908 9.6763 0.92684 8.98702 0.92684H3.34741C2.84611 0.92684 2.39494 1.22762 2.19442 1.68505L0.151629 6.45366C-0.374734 7.69437 0.53387 9.07294 1.88111 9.07294H5.42153L4.82624 11.9429C4.76358 12.2562 4.85757 12.5758 5.08315 12.8013C5.45286 13.1648 6.04189 13.1648 6.40533 12.7951ZM12.7468 0.92684C12.0575 0.92684 11.4935 1.4908 11.4935 2.18009V7.19307C11.4935 7.88236 12.0575 8.44632 12.7468 8.44632C13.436 8.44632 14 7.88236 14 7.19307V2.18009C14 1.4908 13.436 0.92684 12.7468 0.92684Z"/>
-</svg>

package/src/assets/svgIcons/external_icon.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14">
-	<path d="m12.6 14h-11.4c-0.7 0-1.3-0.6-1.3-1.3v-11.4c0-0.7 0.6-1.3 1.3-1.3h4.8v2h-3.1c-0.5 0-1 0.4-1 0.9v8.3c0 0.4 0.5 0.8 1 0.8h8.3c0.4 0 0.9-0.4 0.9-0.9v-3.1h2v4.7c-0.2 0.7-0.7 1.3-1.5 1.3z"/>
-	<path d="m7.9 0h6v6z"/>
-	<path d="m5.7 9.8l-1.4-1.5 7.1-7.1 1.4 1.4z"/>
-</svg>

package/src/assets/svgIcons/like.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
-    <path d="M7.59467 1.20492L4.12318 4.67641C3.89133 4.90826 3.75974 5.22784 3.75974 5.55995V11.8199C3.75974 12.5092 4.3237 13.0732 5.01298 13.0732H10.6526C11.1539 13.0732 11.6051 12.7724 11.8056 12.3149L13.8484 7.54634C14.3747 6.30563 13.4661 4.92706 12.1189 4.92706H8.57847L9.17376 2.05713C9.23642 1.74381 9.14243 1.42424 8.91685 1.19865C8.54714 0.835211 7.95811 0.835211 7.59467 1.20492V1.20492ZM1.25325 13.0732C1.94253 13.0732 2.50649 12.5092 2.50649 11.8199V6.80693C2.50649 6.11764 1.94253 5.55368 1.25325 5.55368C0.563961 5.55368 0 6.11764 0 6.80693V11.8199C0 12.5092 0.563961 13.0732 1.25325 13.0732Z"/>
-</svg>

package/src/components/buttons/buttonIcon/index.vue

@@ -1,143 +0,0 @@
-<template>
-  <page-container>
-    <button-wrapper
-      :isDisabled="isDisabled"
-      :minWidth="minWidth"
-      :customColor="customColor"
-      :height="height"
-    >
-      <icon-container :width="height">
-        <icon
-            v-if="!!iconName"
-            :name="iconName"
-            :color="fontColor ? fontColor : theme.colors.white"
-            size="14px"
-        />
-      </icon-container>
-      <button-container :fontSize="fontSize" :fontColor="fontColor">{{ text }}</button-container>
-    </button-wrapper>
-  </page-container>
-</template>
-
-<script>
-// import buttonIcon from "@eturnity/eturnity_reusable_components/src/components/buttons/buttonIcon"
-// <button-icon
-//   :isDisabled="true"
-//   text="Click Me"
-//   minWidth="300px"
-//   customColor="#000"
-//   iconName="external_icon"
-//   fontColor="white"
-//   fontSize="12px"
-//   height="24px"
-// />
-
-import Icon from "../../icon"
-import styled from "vue-styled-components"
-import Theme from "@/assets/theme";
-
-const PageContainer = styled.div``
-
-const ButtonAttrs = {
-  isDisabled: Boolean,
-  minWidth: String,
-  customColor: String,
-  height: String
-}
-const ButtonWrapper = styled("div", ButtonAttrs)`
-  display: grid;
-  grid-template-columns: auto 1fr;
-  background-color: ${(props) =>
-    props.isDisabled
-      ? props.theme.colors.disabled
-      : props.customColor
-      ? props.customColor
-      : props.theme.colors.yellow};
-  cursor: ${(props) => (props.isDisabled ? "not-allowed" : "pointer")};
-  user-select: none;
-  border-radius: 4px;
-  overflow: hidden;
-  min-width: ${(props) => (props.minWidth ? props.minWidth : "initial")};
-  height: ${(props) => props.height};
-
-  &:hover {
-    opacity: ${(props) => (props.isDisabled ? "1" : "0.8")};
-  }
-
-  &:active {
-    opacity: 1;
-  }
-`
-
-const ButtonContainerAttrs = {
-  fontSize: String,
-  fontColor: String
-}
-const ButtonContainer = styled('div', ButtonContainerAttrs)`
-  font-size: ${(props) => props.fontSize};
-  color: ${(props) => props.fontColor ? props.fontColor : props.theme.colors.white};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 15px;
-`
-
-const IconContainerAttrs = {
-  width: String
-}
-const IconContainer = styled('div', IconContainerAttrs)`
-  display: grid;
-  align-items: center;
-  justify-items: center;
-  width: ${(props) => props.width};
-  background: ${(props) => props.theme.colors.white + '1a'};
-`
-
-export default {
-  name: "button-icon",
-  components: {
-    PageContainer,
-    ButtonContainer,
-    ButtonWrapper,
-    IconContainer,
-    Icon
-  },
-  props: {
-    isDisabled: {
-      required: false,
-      default: false
-    },
-    text: {
-      required: true
-    },
-    minWidth: {
-      required: false,
-      default: null
-    },
-    customColor: {
-      required: false,
-      default: null
-    },
-    iconName: {
-      required: true
-    },
-    fontColor: {
-      required: false,
-      default: null
-    },
-    fontSize: {
-      required: false,
-      default: '13px'
-    },
-    height: {
-      required: false,
-      default: '30px'
-    }
-  },
-  data () {
-    return {
-      theme: Theme
-    }
-  }
-}
-</script>