@eturnity/eturnity_reusable_components 7.24.3-EPDM-11320.0 → 7.24.3-EPDM-8441.0

package/src/helpers/translateLang.js

@@ -1,128 +1,128 @@
-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 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 if (lang === 'en-us' || lang === 'en-gb') {
-    return 'en'
-  } else if (lang === 'es-es' || lang === 'ca-es' || lang === 'pt-pt') {
-    return 'es'
-  } else {
-    return lang
-  }
-}
-
-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'
+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 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 if (lang === 'en-us' || lang === 'en-gb') {
+    return 'en'
+  } else if (lang === 'es-es' || lang === 'ca-es' || lang === 'pt-pt') {
+    return 'es'
+  } else {
+    return lang
+  }
+}
+
+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,6 +1,6 @@
-import App from './App.vue'
-import { createApp } from 'vue'
-
-const app = createApp(App)
-
-app.mount('#app')
+import App from './App.vue'
+import { createApp } from 'vue'
+
+const app = createApp(App)
+
+app.mount('#app')

package/src/mixins/inputValidations.js

@@ -1,97 +1,97 @@
-export default {
-  props: {
-    rules: {
-      type: Array,
-      required: false,
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      error: false,
-      errMessage: ''
-    }
-  },
-  methods: {
-    validateInput(value) {
-      this.resetError()
-
-      this.rules.forEach((rule) => {
-        switch (rule) {
-          case 'required':
-            if (value) {
-              this.error = true
-              this.errMessage = this.$gettext('Required field')
-            }
-            break
-          case 'number':
-            this.checkNumber(value)
-            break
-          case 'string':
-            this.checkString(value)
-            break
-          case 'email':
-            this.checkEmail(value)
-            break
-          case 'phone':
-            this.checkPhone(value)
-            break
-          case 'year':
-            this.checkYear(value)
-            break
-        }
-      })
-      this.$emit('is-valid', !this.error)
-    },
-
-    resetError() {
-      this.error = false
-      this.errMessage = ''
-    },
-
-    checkNumber(value) {
-      this.resetError()
-
-      if (value && isNaN(value)) {
-        this.error = true
-        this.errMessage = this.$gettext('invalid_number')
-      }
-    },
-
-    checkString(value) {
-      this.resetError()
-
-      if (value && value.length < 3) {
-        this.error = true
-        this.errMessage = this.$gettext('invalid_string')
-      }
-    },
-
-    checkEmail(value) {
-      this.resetError()
-
-      if (value && !value.includes('@')) {
-        this.error = true
-        this.errMessage = this.$gettext('Invalid email address')
-      }
-    },
-
-    checkPhone(value) {
-      this.resetError()
-
-      if (value && !/^\d{10}$/.test(value)) {
-        this.error = true
-        this.errMessage = this.$gettext('invalid_phone')
-      }
-    },
-
-    checkYear(value) {
-      this.resetError()
-
-      if (value && (isNaN(value) || value < 1900 || value > 2100)) {
-        this.error = true
-        this.errMessage = this.$gettext('invalid_year')
-      }
-    }
-  }
-}
+export default {
+  props: {
+    rules: {
+      type: Array,
+      required: false,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      error: false,
+      errMessage: ''
+    }
+  },
+  methods: {
+    validateInput(value) {
+      this.resetError()
+
+      this.rules.forEach((rule) => {
+        switch (rule) {
+          case 'required':
+            if (value) {
+              this.error = true
+              this.errMessage = this.$gettext('Required field')
+            }
+            break
+          case 'number':
+            this.checkNumber(value)
+            break
+          case 'string':
+            this.checkString(value)
+            break
+          case 'email':
+            this.checkEmail(value)
+            break
+          case 'phone':
+            this.checkPhone(value)
+            break
+          case 'year':
+            this.checkYear(value)
+            break
+        }
+      })
+      this.$emit('is-valid', !this.error)
+    },
+
+    resetError() {
+      this.error = false
+      this.errMessage = ''
+    },
+
+    checkNumber(value) {
+      this.resetError()
+
+      if (value && isNaN(value)) {
+        this.error = true
+        this.errMessage = this.$gettext('invalid_number')
+      }
+    },
+
+    checkString(value) {
+      this.resetError()
+
+      if (value && value.length < 3) {
+        this.error = true
+        this.errMessage = this.$gettext('invalid_string')
+      }
+    },
+
+    checkEmail(value) {
+      this.resetError()
+
+      if (value && !value.includes('@')) {
+        this.error = true
+        this.errMessage = this.$gettext('Invalid email address')
+      }
+    },
+
+    checkPhone(value) {
+      this.resetError()
+
+      if (value && !/^\d{10}$/.test(value)) {
+        this.error = true
+        this.errMessage = this.$gettext('invalid_phone')
+      }
+    },
+
+    checkYear(value) {
+      this.resetError()
+
+      if (value && (isNaN(value) || value < 1900 || value > 2100)) {
+        this.error = true
+        this.errMessage = this.$gettext('invalid_year')
+      }
+    }
+  }
+}

package/.eslintrc.js

@@ -1,125 +0,0 @@
-module.exports = {
-  root: true,
-  env: {
-    browser: true,
-    node: true,
-    es6: true
-  },
-  extends: ['plugin:vue/recommended', 'eslint:recommended',],
-  plugins: ['vue'],
-  parserOptions: {
-    ecmaVersion: 2020,
-    sourceType: 'module',
-  },
-  rules: {
-    'vue/component-name-in-template-casing': ['warn', 'PascalCase', {
-      registeredComponentsOnly: false,
-      ignores: []
-    }],
-    'vue/multi-word-component-names': ['warn', {
-      ignores: [] 
-    }],
-    'vue/html-closing-bracket-newline': ['warn', {
-      singleline: 'never',
-      multiline: 'always'
-    }],
-    'vue/html-closing-bracket-spacing': ['warn', {
-      startTag: 'never',
-      endTag: 'never',
-      selfClosingTag: 'always'
-    }],
-    "vue/no-multi-spaces": ["warn", {
-      "ignoreProperties": false
-    }],
-    'vue/html-end-tags': 'warn',
-    'keyword-spacing': ['warn', {
-      before: true, // Require a space before keywords
-      after: true // Require a space after keywords
-    }],
-    // Enforce one space after comma
-    'comma-spacing': ['warn', {
-      before: false, // No space before comma
-      after: true // Require a space after comma
-    }],
-    'func-call-spacing': ['warn', 'never'],
-    // Enforce one space around binary operators (+, -, *, /, etc.)
-    'space-infix-ops': 'warn',
-    // Enforce no space inside parentheses
-    'space-in-parens': ['warn', 'never'],
-    // Enforce one space before block statements (if, else, for, etc.)
-    'space-before-blocks': 'warn',
-    // Enforce no spaces inside square brackets 
-    'array-bracket-spacing': ['warn', 'never'],
-    // Enforce one space before function parentheses
-    'space-before-function-paren': ['warn', 'never'],
-    // Enforce one space inside braces of object literals
-    'object-curly-spacing': ['warn', 'always'],
-    // Enforce one space before and after arrow functions (optional)
-    'arrow-spacing': ['warn', { before: true, after: true }],
-    // Enforce one space after colon in object literals
-    'key-spacing': ['warn', {
-      beforeColon: false, // No space before colon
-      afterColon: true, // Require one space after colon
-      mode: 'strict' // Enforce spacing between key and value
-    }],
-    'vue/html-indent': ['warn', 2],
-    'vue/html-quotes': ['warn', 'double'],
-    'vue/html-self-closing': ['warn', {
-      html: {
-        void: 'always',
-        normal: 'never',
-        component: 'always'
-      },
-      svg: 'always',
-      math: 'always'
-    }],
-    'vue/require-default-prop': 'warn',
-    'vue/require-prop-types': 'warn',
-    'vue/script-indent': ['warn', 2, {
-      baseIndent: 1,
-      switchCase: 1,
-      ignores: []
-    }],
-    'vue/v-on-event-hyphenation': ['warn', 'always', {
-      autofix: true,
-      ignore: []
-    }],
-    'vue/prop-name-casing': ['warn', 'camelCase'],
-    'vue/order-in-components': 'warn',
-    'vue/this-in-template': ['warn', 'never'],
-    'vue/attributes-order': ['warn', {
-      order: [
-        'DEFINITION',
-        'LIST_RENDERING',
-        'CONDITIONALS',
-        'RENDER_MODIFIERS',
-        'GLOBAL',
-        ['UNIQUE', 'SLOT'],
-        'TWO_WAY_BINDING',
-        'OTHER_DIRECTIVES',
-        'OTHER_ATTR',
-        'EVENTS',
-        'CONTENT'
-      ],
-      alphabetical: true
-    }],
-    'vue/no-unused-vars': 'warn',
-    'vue/no-use-v-if-with-v-for': ['warn', {
-      allowUsingIterationVar: false
-    }],
-    'no-unused-vars': 'warn',
-    'no-undef': 'warn',
-    'no-console': 'warn',
-    'no-debugger': 'warn',
-    'no-multi-spaces': 'warn',
-    'no-mixed-spaces-and-tabs': 'warn',
-    "no-redeclare": "warn",
-    "no-unsafe-finally": "warn",
-    'vue/no-v-for-template-key': 'warn',
-    'vue/no-reserved-component-names': 'warn',
-    'max-len': ['warn', { code: 80, tabWidth: 2, ignoreUrls: true }],
-  },
-  globals: {
-    _: true
-  }
-}