@eturnity/eturnity_reusable_components 8.22.23-EPDM-15023.0 → 8.22.23-EPDM-15888.1

package/dist/main.es15.js

@@ -10,13 +10,11 @@ const ButtonAttrs = {
   type: String,
   isDisabled: Boolean,
   minWidth: String,
-  width: String,
   noWrap: Boolean,
   height: String,
   variant: String,
   buttonSize: String,
-  appTheme: String,
-  isActive: Boolean
+  appTheme: String
 };
 const ButtonContainer = styled("div", ButtonAttrs)`
     display: flex;
@@ -30,7 +28,7 @@ const ButtonContainer = styled("div", ButtonAttrs)`
   return (_d = (_c = (_b = (_a = props.theme) == null ? void 0 : _a.mainButton) == null ? void 0 : _b.size) == null ? void 0 : _c[props.buttonSize]) == null ? void 0 : _d.fontSize;
 }};
     color: ${(props) => props.isDisabled ? props.theme.mainButton[props.appTheme][props.type][props.variant].disabled.textColor : props.theme.mainButton[props.appTheme][props.type][props.variant].default.textColor};
-    background-color: ${(props) => props.isDisabled ? props.theme.mainButton[props.appTheme][props.type][props.variant].disabled.backgroundColor : props.isActive ? props.theme.mainButton[props.appTheme][props.type][props.variant].active.backgroundColor : props.theme.mainButton[props.appTheme][props.type][props.variant].default.backgroundColor};
+    background-color: ${(props) => props.isDisabled ? props.theme.mainButton[props.appTheme][props.type][props.variant].disabled.backgroundColor : props.theme.mainButton[props.appTheme][props.type][props.variant].default.backgroundColor};
     border: ${(props) => {
   const borderValue = props.isDisabled ? props.theme.mainButton[props.appTheme][props.type][props.variant].disabled.borderColor : props.theme.mainButton[props.appTheme][props.type][props.variant].default.borderColor;
   return borderValue ? "1px solid " + borderValue : "none";
@@ -43,7 +41,7 @@ const ButtonContainer = styled("div", ButtonAttrs)`
     ${(props) => props.noWrap ? `white-space: nowrap;` : ""};
     height: ${(props) => props.height};
     line-height: 1;
-    width: ${(props) => props.width};
+
     &:hover {
       background-color: ${(props) => props.isDisabled ? props.theme.mainButton[props.appTheme][props.type][props.variant].disabled.backgroundColor : props.theme.mainButton[props.appTheme][props.type][props.variant].hover.backgroundColor};
     }
@@ -107,11 +105,6 @@ const _sfc_main = {
       default: false,
       type: Boolean
     },
-    isActive: {
-      required: false,
-      default: false,
-      type: Boolean
-    },
     icon: {
       required: false,
       default: null,
@@ -146,11 +139,6 @@ const _sfc_main = {
       default: null,
       type: String
     },
-    width: {
-      required: false,
-      default: "auto",
-      type: String
-    },
     height: {
       required: false,
       default: "auto",
@@ -201,13 +189,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       "data-id": $props.dataId,
       "data-qa-id": $props.dataQaId,
       height: $props.height,
-      "is-active": $props.isActive,
       "is-disabled": $props.isDisabled,
       "min-width": $props.minWidth,
       "no-wrap": $props.noWrap,
       type: $props.type,
-      variant: $props.variant,
-      width: $props.width
+      variant: $props.variant
     }, {
       default: withCtx(() => [createVNode(_component_LabelComponent, {
         "has-icon": Boolean($props.icon)
@@ -222,7 +208,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 8, ["has-icon"])]),
       _: 1
-    }, 8, ["id", "app-theme", "button-size", "data-id", "data-qa-id", "height", "is-active", "is-disabled", "min-width", "no-wrap", "type", "variant", "width"])]),
+    }, 8, ["id", "app-theme", "button-size", "data-id", "data-qa-id", "height", "is-disabled", "min-width", "no-wrap", "type", "variant"])]),
     _: 1
   });
 }

package/dist/main.es21.js

@@ -503,7 +503,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 8, ["color", "size"])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), createTextVNode(), renderSlot(_ctx.$slots, "trigger")]),
       _: 3
-    }, 8, ["background-color", "border-radius", "hovered-icon", "is-active", "is-disabled", "padding"])], 512), createTextVNode(), !$props.hideInfoText && $setup.isVisible && (!!$props.text || _ctx.$slots.default) ? (openBlock(), createBlock(Teleport, {
+    }, 8, ["background-color", "border-radius", "hovered-icon", "is-active", "is-disabled", "padding"])], 512), createTextVNode(), $setup.isVisible && (!!$props.text || _ctx.$slots.default) ? (openBlock(), createBlock(Teleport, {
       key: 0,
       to: "body"
     }, [createVNode(_component_TextWrapper, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.22.23-EPDM-15023.0",
+  "version": "8.22.23-EPDM-15888.1",
   "files": [
     "dist",
     "src"

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

@@ -7,13 +7,11 @@
       :data-id="dataId"
       :data-qa-id="dataQaId"
       :height="height"
-      :is-active="isActive"
       :is-disabled="isDisabled"
       :min-width="minWidth"
       :no-wrap="noWrap"
       :type="type"
       :variant="variant"
-      :width="width"
     >
       <LabelComponent :has-icon="Boolean(icon)">
         <Icon
@@ -52,13 +50,11 @@
     type: String,
     isDisabled: Boolean,
     minWidth: String,
-    width: String,
     noWrap: Boolean,
     height: String,
     variant: String,
     buttonSize: String,
     appTheme: String,
-    isActive: Boolean,
   }
   const ButtonContainer = styled('div', ButtonAttrs)`
     display: flex;
@@ -77,9 +73,6 @@
       props.isDisabled
         ? props.theme.mainButton[props.appTheme][props.type][props.variant]
             .disabled.backgroundColor
-        : props.isActive
-        ? props.theme.mainButton[props.appTheme][props.type][props.variant]
-            .active.backgroundColor
         : props.theme.mainButton[props.appTheme][props.type][props.variant]
             .default.backgroundColor};
     border: ${(props) => {
@@ -98,7 +91,7 @@
     ${(props) => (props.noWrap ? `white-space: nowrap;` : '')};
     height: ${(props) => props.height};
     line-height: 1;
-    width: ${(props) => props.width};
+
     &:hover {
       background-color: ${(props) =>
         props.isDisabled
@@ -177,11 +170,6 @@
         default: false,
         type: Boolean,
       },
-      isActive: {
-        required: false,
-        default: false,
-        type: Boolean,
-      },
       icon: {
         required: false,
         default: null,
@@ -216,11 +204,6 @@
         default: null,
         type: String,
       },
-      width: {
-        required: false,
-        default: 'auto',
-        type: String,
-      },
       height: {
         required: false,
         default: 'auto',

package/src/components/infoText/index.vue

@@ -49,10 +49,7 @@
         <slot name="trigger"></slot>
       </IconWrapper>
     </div>
-    <Teleport
-      v-if="!hideInfoText && isVisible && (!!text || $slots.default)"
-      to="body"
-    >
+    <Teleport v-if="isVisible && (!!text || $slots.default)" to="body">
       <TextWrapper data-test-id="info_text_wrapper" :style="wrapperStyle">
         <TextOverlay
           ref="infoBox"

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

@@ -230,6 +230,7 @@
   //</inputNumber>
   import styled from 'vue3-styled-components'
   import {
+    roundViaInteger,
     stringToNumber,
     numberToString,
   } from '../../../helpers/numberConverter'
@@ -798,10 +799,6 @@
         type: Boolean,
         default: false,
       },
-      hasSpaceBetweenUnit: {
-        type: Boolean,
-        default: true,
-      },
     },
     data() {
       return {
@@ -815,12 +812,8 @@
       displayedPlaceholder() {
         if (this.placeholder) return this.placeholder
         if (this.defaultNumber)
-          return `${this.defaultNumber}${this.hasSpaceBetweenUnit ? ' ' : ''}${
-            this.unitName ? this.unitName : ''
-          }`
-        return `${this.minNumber || 0}${this.hasSpaceBetweenUnit ? ' ' : ''}${
-          this.unitName ? this.unitName : ''
-        }`
+          return `${this.defaultNumber} ${this.unitName ? this.unitName : ''}`
+        return `${this.minNumber || 0} ${this.unitName ? this.unitName : ''}`
       },
       hasSlot() {
         return !!this.$slots.default
@@ -869,7 +862,7 @@
             this.inputValue = this.value
             this.enteredValue =
               typeof this.value === 'number' && !isNaN(this.value)
-                ? Number(this.value.toFixed(this.numberPrecision))
+                ? roundViaInteger(this.value, this.numberPrecision)
                 : this.value
           }
         },
@@ -973,7 +966,7 @@
             minDecimals: this.minDecimals,
           })
         } else if (typeof evaluated === 'number') {
-          evaluated = evaluated.toFixed(this.numberPrecision)
+          evaluated = roundViaInteger(evaluated, this.numberPrecision)
         }
         return evaluated
       },
@@ -1034,9 +1027,8 @@
           return
         }
         this.textInput = this.formatWithCurrency(this.value)
-        const textInputWithoutUnit = this.formatWithoutUnit(this.value)
         this.enteredValue = stringToNumber({
-          value: textInputWithoutUnit,
+          value: this.textInput,
           numberPrecision: this.numberPrecision,
           minDecimals: this.minDecimals,
         })
@@ -1057,38 +1049,6 @@
           this.$refs.inputField1.$el.blur()
         })
       },
-      formatWithoutUnit(value) {
-        let adjustedMinValue =
-          value || value === 0
-            ? value
-            : this.defaultNumber
-            ? this.defaultNumber
-            : this.minNumber || this.minNumber === 0
-            ? this.minNumber
-            : ''
-        if (adjustedMinValue || adjustedMinValue === 0) {
-          let input = this.numberToStringEnabled
-            ? numberToString({
-                value: adjustedMinValue,
-                numberPrecision: this.numberPrecision,
-                minDecimals: this.minDecimals,
-              })
-            : adjustedMinValue
-          return input
-        } else if (!adjustedMinValue && adjustedMinValue !== 0) {
-          return ''
-        } else if (this.isFocused) {
-          return value
-        } else {
-          return this.numberToStringEnabled
-            ? numberToString({
-                value: adjustedMinValue,
-                numberPrecision: this.numberPrecision,
-                minDecimals: this.minDecimals,
-              })
-            : adjustedMinValue
-        }
-      },
       formatWithCurrency(value) {
         let adjustedMinValue =
           value || value === 0
@@ -1109,7 +1069,7 @@
           let unit = this.showLinearUnitName ? '' : this.unitName
           //return input + ' ' + unit
           if (unit) {
-            return `${input}${this.hasSpaceBetweenUnit ? ' ' : ''}${unit}`
+            return input + ' ' + unit
           }
           return input
         } else if (!adjustedMinValue && adjustedMinValue !== 0) {

package/src/helpers/numberConverter.js

@@ -87,11 +87,20 @@ export const stringToNumber = ({
   }
   newVal = parseFloat(newVal)
   if (numberPrecision !== false) {
-    newVal = newVal.toFixed(numberPrecision)
+    newVal = roundViaInteger(newVal, numberPrecision)
   }
   return parseFloat(newVal)
 }
 
+export const roundViaInteger = (value, numberPrecision) => {
+  if (typeof value === 'string') {
+    value = parseFloat(value)
+  }
+  const factor = Math.pow(10, numberPrecision)
+  const roundedValue = Math.round(value * factor) / factor
+  return roundedValue
+}
+
 export const numberToString = ({ value, numberPrecision, minDecimals }) => {
   const minimumRounding = minDecimals ? minDecimals : 0
   value = !Number.isNaN(parseFloat(value)) ? parseFloat(value) : 0