@eturnity/eturnity_reusable_components 8.19.8-EPDM-12618.6 → 8.19.8-EPDM-13618.0

package/src/helpers/numberConverter.js

@@ -1,103 +1,103 @@
-import { langForLocaleString } from './translateLang'
-
-export const stringToNumber = ({
-  value = '',
-  numberPrecision = false,
-  allowNegative = false,
-}) => {
-  // 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 === 'nb-no' ||
-    selectedLang === 'da-dk' ||
-    selectedLang === 'de-lu' ||
-    selectedLang === 'de-be' ||
-    selectedLang === 'es-es' ||
-    selectedLang === 'ca-es' ||
-    selectedLang === 'de' ||
-    selectedLang === 'de-at' ||
-    selectedLang === 'it' ||
-    selectedLang === 'it-it' ||
-    selectedLang === 'nl-nl' ||
-    selectedLang === 'nl-be' ||
-    selectedLang === 'de-at'
-  ) {
-    // 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' || selectedLang === 'en-gb') {
-    // 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, minDecimals }) => {
-  const minimumRounding = minDecimals ? minDecimals : 0
-  value = parseFloat(value)
-  return value.toLocaleString(langForLocaleString(), {
-    minimumFractionDigits: minimumRounding, // removing this for now. Why do we need this to be a minimum amount?
-    maximumFractionDigits:
-      numberPrecision < minimumRounding ? minimumRounding : numberPrecision,
-  })
-}
+import { langForLocaleString } from './translateLang'
+
+export const stringToNumber = ({
+  value = '',
+  numberPrecision = false,
+  allowNegative = false,
+}) => {
+  // 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 === 'nb-no' ||
+    selectedLang === 'da-dk' ||
+    selectedLang === 'de-lu' ||
+    selectedLang === 'de-be' ||
+    selectedLang === 'es-es' ||
+    selectedLang === 'ca-es' ||
+    selectedLang === 'de' ||
+    selectedLang === 'de-at' ||
+    selectedLang === 'it' ||
+    selectedLang === 'it-it' ||
+    selectedLang === 'nl-nl' ||
+    selectedLang === 'nl-be' ||
+    selectedLang === 'de-at'
+  ) {
+    // 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' || selectedLang === 'en-gb') {
+    // 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, minDecimals }) => {
+  const minimumRounding = minDecimals ? minDecimals : 0
+  value = parseFloat(value)
+  return value.toLocaleString(langForLocaleString(), {
+    minimumFractionDigits: minimumRounding, // removing this for now. Why do we need this to be a minimum amount?
+    maximumFractionDigits:
+      numberPrecision < minimumRounding ? minimumRounding : numberPrecision,
+  })
+}

package/src/helpers/toLocaleNumber.js

@@ -1,11 +1,11 @@
-import { langForLocaleString } from './translateLang'
-
-export const toLocaleNumber = (value, digit = 0) => {
-  if (isNaN(value)) {
-    return '-'
-  }
-  return new Intl.NumberFormat(langForLocaleString(), {
-    minimumFractionDigits: digit,
-    maximumFractionDigits: digit,
-  }).format(value)
-}
+import { langForLocaleString } from './translateLang'
+
+export const toLocaleNumber = (value, digit = 0) => {
+  if (isNaN(value)) {
+    return '-'
+  }
+  return new Intl.NumberFormat(langForLocaleString(), {
+    minimumFractionDigits: digit,
+    maximumFractionDigits: digit,
+  }).format(value)
+}

package/src/helpers/translateLang.js

@@ -1,199 +1,199 @@
-import {
-  enUS,
-  enGB,
-  de,
-  fr,
-  it,
-  es,
-  da,
-  pl,
-  sv,
-  nb,
-  nl,
-  cs,
-  fi,
-  pt,
-  ca,
-} from 'date-fns/locale'
-
-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-at') {
-    return 'german_at'
-  } 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' || lang === 'nb-no') {
-    return 'norwegian'
-  } else if (lang === 'nl-nl') {
-    return 'dutch_nl'
-  } else if (lang === 'nl-be') {
-    return 'dutch_be'
-  } 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 if (lang === 'ca-es') {
-    return 'catalan_es'
-  } else {
-    return lang
-  }
-}
-
-export const getDateFormat = (lang) => {
-  const formatMap = {
-    'en-us': 'MM/dd/yyyy',
-    'en-gb': 'dd/MM/yyyy',
-    en: 'MM/dd/yyyy',
-    'de-de': 'dd.MM.yyyy',
-    'de-at': 'dd.MM.yyyy',
-    'de-ch': 'dd.MM.yyyy',
-    'de-lu': 'dd.MM.yyyy',
-    'de-be': 'dd.MM.yyyy',
-    de: 'dd.MM.yyyy',
-    'fr-fr': 'dd/MM/yyyy',
-    'fr-be': 'dd/MM/yyyy',
-    'fr-lu': 'dd/MM/yyyy',
-    'fr-ch': 'dd/MM/yyyy',
-    fr: 'dd/MM/yyyy',
-    'it-it': 'dd/MM/yyyy',
-    'it-ch': 'dd/MM/yyyy',
-    it: 'dd/MM/yyyy',
-    'da-dk': 'dd.MM.yyyy',
-    'pl-pl': 'dd.MM.yyyy',
-    'sv-se': 'yyyy-MM-dd',
-    'no-no': 'dd.MM.yyyy',
-    'nb-no': 'dd.MM.yyyy',
-    'nl-nl': 'dd-MM-yyyy',
-    'nl-be': 'dd-MM-yyyy',
-    cs: 'dd.MM.yyyy',
-    'fi-fi': 'dd.MM.yyyy',
-    'pt-pt': 'dd/MM/yyyy',
-    'es-es': 'dd/MM/yyyy',
-    'ca-es': 'dd/MM/yyyy',
-  }
-
-  return formatMap[lang.toLowerCase()] || 'MM/dd/yyyy' // Fallback to en-US format
-}
-
-export const datePickerLang = (lang) => {
-  const localeMap = {
-    'en-us': enUS,
-    'en-gb': enGB,
-    en: enUS,
-    'de-de': de,
-    'de-at': de,
-    'de-ch': de,
-    'de-lu': de,
-    'de-be': de,
-    de: de,
-    'fr-fr': fr,
-    'fr-be': fr,
-    'fr-lu': fr,
-    'fr-ch': fr,
-    fr: fr,
-    'it-it': it,
-    'it-ch': it,
-    it: it,
-    'da-dk': da,
-    'pl-pl': pl,
-    'sv-se': sv,
-    'no-no': nb,
-    'nb-no': nb,
-    'nl-nl': nl,
-    'nl-be': nl,
-    cs: cs,
-    'fi-fi': fi,
-    'pt-pt': pt,
-    'es-es': es,
-    'ca-es': ca,
-  }
-
-  const normalizedLang = lang ? lang.toLowerCase() : 'en-us'
-  const locale = localeMap[normalizedLang] || enUS
-  if (!localeMap[normalizedLang]) {
-    console.warn(
-      `Unsupported language for datePickerLang: ${lang}, falling back to enUS`
-    )
-  }
-  return locale
-}
-
-export const tinyLanguage = (lang) => {
-  // the function is used to pass correct language to Tiny MCE text editor https://www.tiny.cloud/docs/tinymce/6/ui-localization/#language
-  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'
-  } else if (lang === 'es-es' || lang === 'ca-es') {
-    return 'es'
-  } 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 langForLocaleString = () => {
-  const selectedLang = localStorage.getItem('lang')
-    ? localStorage.getItem('lang') === 'fr-lu'
-      ? 'fr-fr'
-      : localStorage.getItem('lang') === 'fr-ch'
-      ? 'de-ch'
-      : localStorage.getItem('lang') === 'ca-es'
-      ? 'es-es'
-      : localStorage.getItem('lang')
-    : 'en-us'
-  return selectedLang !== 'null' ? selectedLang : 'en-us'
-}
+import {
+  enUS,
+  enGB,
+  de,
+  fr,
+  it,
+  es,
+  da,
+  pl,
+  sv,
+  nb,
+  nl,
+  cs,
+  fi,
+  pt,
+  ca,
+} from 'date-fns/locale'
+
+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-at') {
+    return 'german_at'
+  } 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' || lang === 'nb-no') {
+    return 'norwegian'
+  } else if (lang === 'nl-nl') {
+    return 'dutch_nl'
+  } else if (lang === 'nl-be') {
+    return 'dutch_be'
+  } 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 if (lang === 'ca-es') {
+    return 'catalan_es'
+  } else {
+    return lang
+  }
+}
+
+export const getDateFormat = (lang) => {
+  const formatMap = {
+    'en-us': 'MM/dd/yyyy',
+    'en-gb': 'dd/MM/yyyy',
+    en: 'MM/dd/yyyy',
+    'de-de': 'dd.MM.yyyy',
+    'de-at': 'dd.MM.yyyy',
+    'de-ch': 'dd.MM.yyyy',
+    'de-lu': 'dd.MM.yyyy',
+    'de-be': 'dd.MM.yyyy',
+    de: 'dd.MM.yyyy',
+    'fr-fr': 'dd/MM/yyyy',
+    'fr-be': 'dd/MM/yyyy',
+    'fr-lu': 'dd/MM/yyyy',
+    'fr-ch': 'dd/MM/yyyy',
+    fr: 'dd/MM/yyyy',
+    'it-it': 'dd/MM/yyyy',
+    'it-ch': 'dd/MM/yyyy',
+    it: 'dd/MM/yyyy',
+    'da-dk': 'dd.MM.yyyy',
+    'pl-pl': 'dd.MM.yyyy',
+    'sv-se': 'yyyy-MM-dd',
+    'no-no': 'dd.MM.yyyy',
+    'nb-no': 'dd.MM.yyyy',
+    'nl-nl': 'dd-MM-yyyy',
+    'nl-be': 'dd-MM-yyyy',
+    cs: 'dd.MM.yyyy',
+    'fi-fi': 'dd.MM.yyyy',
+    'pt-pt': 'dd/MM/yyyy',
+    'es-es': 'dd/MM/yyyy',
+    'ca-es': 'dd/MM/yyyy',
+  }
+
+  return formatMap[lang.toLowerCase()] || 'MM/dd/yyyy' // Fallback to en-US format
+}
+
+export const datePickerLang = (lang) => {
+  const localeMap = {
+    'en-us': enUS,
+    'en-gb': enGB,
+    en: enUS,
+    'de-de': de,
+    'de-at': de,
+    'de-ch': de,
+    'de-lu': de,
+    'de-be': de,
+    de: de,
+    'fr-fr': fr,
+    'fr-be': fr,
+    'fr-lu': fr,
+    'fr-ch': fr,
+    fr: fr,
+    'it-it': it,
+    'it-ch': it,
+    it: it,
+    'da-dk': da,
+    'pl-pl': pl,
+    'sv-se': sv,
+    'no-no': nb,
+    'nb-no': nb,
+    'nl-nl': nl,
+    'nl-be': nl,
+    cs: cs,
+    'fi-fi': fi,
+    'pt-pt': pt,
+    'es-es': es,
+    'ca-es': ca,
+  }
+
+  const normalizedLang = lang ? lang.toLowerCase() : 'en-us'
+  const locale = localeMap[normalizedLang] || enUS
+  if (!localeMap[normalizedLang]) {
+    console.warn(
+      `Unsupported language for datePickerLang: ${lang}, falling back to enUS`
+    )
+  }
+  return locale
+}
+
+export const tinyLanguage = (lang) => {
+  // the function is used to pass correct language to Tiny MCE text editor https://www.tiny.cloud/docs/tinymce/6/ui-localization/#language
+  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'
+  } else if (lang === 'es-es' || lang === 'ca-es') {
+    return 'es'
+  } 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 langForLocaleString = () => {
+  const selectedLang = localStorage.getItem('lang')
+    ? localStorage.getItem('lang') === 'fr-lu'
+      ? 'fr-fr'
+      : localStorage.getItem('lang') === 'fr-ch'
+      ? 'de-ch'
+      : localStorage.getItem('lang') === 'ca-es'
+      ? 'es-es'
+      : localStorage.getItem('lang')
+    : 'en-us'
+  return selectedLang !== 'null' ? selectedLang : 'en-us'
+}

package/src/main.js

@@ -1,8 +1,8 @@
-import App from './App.vue'
-import { createApp } from 'vue'
-import router from './router/dynamicRoutes'
-
-const app = createApp(App)
-
-app.use(router)
-app.mount('#app')
+import App from './App.vue'
+import { createApp } from 'vue'
+import router from './router/dynamicRoutes'
+
+const app = createApp(App)
+
+app.use(router)
+app.mount('#app')