@eturnity/eturnity_reusable_components 1.1.86 → 1.1.89

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.1.86",
+  "version": "1.1.89",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/inputs/inputNumber/index.vue

@@ -30,6 +30,7 @@
         :noBorder="noBorder"
         :textAlign="textAlign"
         :fontSize="fontSize"
+        :fontColor="fontColor"
       />
       <unit-container
         v-if="unitName && showLinearUnitName"
@@ -66,6 +67,7 @@
 //     labelInfoText="Here is some information for you..."
 //     labelInfoAlign="left"
 //     :minNumber="0"
+//     fontColor="blue"
 // />
 import styled from "vue-styled-components"
 import {
@@ -89,6 +91,7 @@ const inputProps = {
   noBorder: Boolean,
   textAlign: String,
   fontSize: String,
+  fontColor: String,
 }
 const InputContainer = styled("input", inputProps)`
   border: ${(props) =>
@@ -106,7 +109,11 @@ const InputContainer = styled("input", inputProps)`
   cursor: ${(props) => (props.isDisabled ? "not-allowed" : "auto")};
   font-size: ${(props) => (props.fontSize ? props.fontSize : "13px")};
   color: ${(props) =>
-    props.isError ? props.theme.colors.red : props.theme.colors.black};
+    props.isError
+      ? props.theme.colors.red
+      : props.fontColor
+      ? props.fontColor + " !important"
+      : props.theme.colors.black};
   width: ${(props) => (props.inputWidth ? props.inputWidth : "100%")};
   min-width: ${(props) => (props.minWidth ? props.minWidth : "unset")};
   background-color: ${(props) =>
@@ -255,6 +262,10 @@ export default {
       required: false,
       default: null,
     },
+    fontColor: {
+      required: false,
+      default: null,
+    },
   },
   methods: {
     onChangeHandler(event) {

package/src/components/tables/mainTable/index.vue

@@ -195,7 +195,7 @@ const TableContainer = styled.table`
     &.footer {
       td {
         background-color: ${(props) => props.theme.colors.grey5};
-        border-top: 1px solid ${(props) => props.theme.colors.grey4};
+        /* border-top: 1px solid ${(props) => props.theme.colors.grey4}; */
       }
 
       .text {

package/src/helpers/numberConverter.js

@@ -70,7 +70,7 @@ export const stringToNumber = ({ value, numberPrecision, allowNegative }) => {
 
 export const numberToString = ({ value, numberPrecision }) => {
   let selectedLang = localStorage.getItem("lang")
-    ? localStorage.getItem("lang")
+    ? localStorage.getItem("lang") === 'fr-lu' ? 'fr-fr' : localStorage.getItem("lang")
     : "en-US"
   return value.toLocaleString(selectedLang, {
     minimumFractionDigits: numberPrecision,

package/src/helpers/translateLang.js

@@ -48,3 +48,33 @@ export const translateLang = (lang) => {
         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
+    }
+}