@eturnity/eturnity_reusable_components 8.26.4--EPDM-15979.1 → 8.26.4-EPDM-15929.1

package/dist/main.es98.js

@@ -2,27 +2,22 @@ import "./main.es3.js";
 import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "13",
-  height: "23",
+  width: "16",
+  height: "6",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "M21.5 14.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.5 20a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.5 25.25a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"
+  fill: "#B2B9C5",
+  d: "M16.5 19.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.75 19.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M27 19.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"
 }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#99DB0C",
-  d: "m28.94 7.96-3.78 3.73-2.1.25.25-2.1 3.73-3.78z"
-}, null, -1);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
+const _hoisted_3 = [
+  _hoisted_2
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const context_menu1 = { render };
+const context_menu_tabs = { render };
 export {
-  context_menu1 as default,
+  context_menu_tabs as default,
   render
 };

package/dist/main.es99.js

@@ -2,27 +2,23 @@ import "./main.es3.js";
 import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "8",
-  height: "16",
-  fill: "none"
+  width: "800",
+  height: "800",
+  viewBox: "0 0 512 512"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "M21.5 14.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.5 25.25a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"
+  fill: "none",
+  "fill-rule": "evenodd",
+  d: "M426.667 128v320h-256V128zM384 170.667H213.333v234.666H384zm-64-128v42.666H128v256H85.333V42.667z"
 }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#99DB0C",
-  d: "m22.94 18.96-3.78 3.73-2.1.25.25-2.1 3.73-3.78z"
-}, null, -1);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
+const _hoisted_3 = [
+  _hoisted_2
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const context_menu2 = { render };
+const copy = { render };
 export {
-  context_menu2 as default,
+  copy as default,
   render
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.26.4--EPDM-15979.1",
+  "version": "8.26.4-EPDM-15929.1",
   "files": [
     "dist",
     "src"

package/src/assets/svgIcons/download.svg

@@ -1,4 +1,3 @@
 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11 6.5L7 10.5L3 6.5" fill="white"/>
 <path d="M13 13H1M11 6.5L7 10.5M7 10.5L3 6.5M7 10.5V1" stroke="#6F20DC" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/src/components/barchart/BottomFields.vue

@@ -22,7 +22,7 @@
         <!-- For stacked bar chart -->
         <template v-if="seriesData.length">
           <InputRow
-            v-for="(series, seriesIndex) in seriesData"
+            v-for="series in seriesData"
             :key="series.name"
             :data-series-name="series.name"
           >
@@ -36,10 +36,8 @@
                 :allow-negative="false"
                 :default-number="0"
                 :disabled="isInputsDisabled"
-                :error-message="getInputErrorMessage(series.data, item.label)"
                 input-height="36px"
                 :is-disabled-styled-only="true"
-                :is-error="getIsError(series.data, item.label)"
                 :is-info-border="
                   fieldMode === 'percentage'
                     ? calculatePercentageTotal(item.label) !== 100
@@ -119,10 +117,8 @@
               <InputNumber
                 :allow-negative="false"
                 :disabled="isInputsDisabled"
-                :error-message="item.errorMessage"
                 input-height="36px"
                 :is-disabled-styled-only="true"
-                :is-error="item.isError"
                 :min-decimals="0"
                 :number-precision="0"
                 text-align="center"
@@ -146,11 +142,6 @@
       </InfoCardBody>
     </InfoCard>
   </InfoCardContainer>
-  <InfoCardContainer v-if="hasInputErrors" :y-axis-width="yAxisWidth">
-    <InfoCard align-items="center" type="error_minor">
-      <InfoCardBody> {{ inputErrorMessage }} </InfoCardBody>
-    </InfoCard>
-  </InfoCardContainer>
 </template>
 
 <script setup>
@@ -213,10 +204,6 @@
       type: String,
       default: '',
     },
-    inputErrorMessage: {
-      type: String,
-      default: '',
-    },
   })
 
   const seriesData = ref([])
@@ -242,8 +229,6 @@
         label: d.label,
         value: d.value,
         percentage: d.percentage,
-        isError: d.isError,
-        errorMessage: d.errorMessage,
         originalValue: currentSeriesData.length
           ? currentSeriesData[itemIndex].data[dIndex].originalValue
           : d.value,
@@ -290,7 +275,7 @@
     }
   }
 
-  const getDisplayValue = (data, label) => {
+  const getDisplayValue = (data, label, shouldRound = true) => {
     if (props.fieldMode === 'absolute') {
       return data.find((d) => d.label === label)?.value
     }
@@ -298,13 +283,6 @@
     return data.find((d) => d.label === label)?.percentage
   }
 
-  const getIsError = (data, label) => {
-    return data.find((d) => d.label === label)?.isError
-  }
-  const getInputErrorMessage = (data, label) => {
-    return data.find((d) => d.label === label)?.errorMessage
-  }
-
   const calculatePercentageTotal = (label) => {
     const percentageTotal = seriesData.value.reduce((sum, series) => {
       const percentage =
@@ -358,14 +336,6 @@
       return calculatePercentageTotal(d.label) !== 100
     })
   })
-  const hasInputErrors = computed(() => {
-    if (seriesData.value.length) {
-      return seriesData.value.some((serie) =>
-        serie.data.some((item) => item.isError)
-      )
-    }
-    return props.data.some((item) => item.isError)
-  })
 
   const handleFieldsScroll = (event) => {
     emit('sync-scroll', event.target.scrollLeft)

package/src/components/barchart/index.vue

@@ -166,7 +166,6 @@
       :is-inputs-disabled="isLoading"
       :is-scrollable="isScrollable"
       :percentage-error-message="percentageErrorMessage"
-      :input-error-message="inputErrorMessage"
       :series="series"
       :y-axis-width="yAxisWidth"
       @input-blur="handleInputBlur"
@@ -308,10 +307,6 @@
       type: String,
       default: '',
     },
-    inputErrorMessage: {
-      type: String,
-      default: '',
-    },
   })
 
   const generateChartId = () =>

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

@@ -50,7 +50,6 @@
           numberCount
         }}</NumberText>
       </NumberContainer>
-      <BetaTag v-if="isBeta" :is-disabled="isDisabled"> Beta </BetaTag>
     </ButtonWrapper>
   </PageContainer>
 </template>
@@ -71,9 +70,7 @@
   import styled from 'vue3-styled-components'
   import Theme from '@/assets/theme'
 
-  const PageContainer = styled.div`
-    position: relative;
-  `
+  const PageContainer = styled.div``
 
   const ButtonAttrs = {
     type: String,
@@ -203,23 +200,6 @@
     background-color: ${(props) => props.theme.semanticColors.purple[50]};
   `
 
-  const BetaTag = styled('div', { isDisabled: Boolean })`
-    position: absolute;
-    top: -5px;
-    right: -8px;
-    padding: 4px;
-    border-radius: 4px;
-    font-size: 10px;
-    background-color: ${(props) =>
-      props.isDisabled
-        ? props.theme.colors.disabled
-        : props.theme.semanticColors.red[500]};
-    color: ${(props) => props.theme.colors.white};
-    font-weight: 700;
-    transform: rotate(20deg);
-    cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'pointer')};
-  `
-
   export default {
     name: 'ButtonIcon',
     components: {
@@ -230,7 +210,6 @@
       Icon,
       NumberContainer,
       NumberText,
-      BetaTag,
     },
     props: {
       type: {
@@ -314,10 +293,6 @@
         type: String,
         default: 'auto',
       },
-      isBeta: {
-        type: Boolean,
-        default: false,
-      },
     },
     data() {
       return {

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

@@ -799,10 +799,6 @@
         type: Boolean,
         default: false,
       },
-      hasSpaceBetweenUnit: {
-        type: Boolean,
-        default: true,
-      },
     },
     data() {
       return {
@@ -816,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
@@ -1035,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,
         })
@@ -1058,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
@@ -1110,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/components/inputs/searchInput/index.vue

@@ -3,6 +3,7 @@
     <InputWrapper
       :icon-color="iconColor"
       :icon-position="iconPosition"
+      :input-height="inputHeight"
       :is-full-height="isFullHeight"
     >
       <SearchIconSvg class="search-icn" />
@@ -12,6 +13,7 @@
         :data-qa-id="dataQaId"
         :disabled="disabled"
         :has-focus="hasFocus"
+        :input-height="inputHeight"
         :input-width="inputWidth"
         :is-disabled="disabled"
         :is-filter="isFilter"
@@ -47,6 +49,7 @@
     inputWidth: String,
     isFilter: Boolean,
     isFullHeight: Boolean,
+    inputHeight: String,
   }
   const Container = styled('div', inputAttrs)`
     width: ${(props) => (props.inputWidth ? props.inputWidth : '100%')};
@@ -61,7 +64,7 @@
     font-size: 13px;
     color: ${(props) => props.theme.colors.black};
     width: ${(props) => (props.inputWidth ? props.inputWidth : '100%')};
-    height: ${(props) => (props.isFullHeight ? '100%' : 'auto')};
+    height: ${(props) => (props.isFullHeight ? '100%' : props.inputHeight)};
     box-sizing: border-box;
     cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'auto')};
     background: ${(props) => props.theme.colors.white} !important;
@@ -78,10 +81,12 @@
     iconColor: String,
     iconPosition: String,
     isFullHeight: Boolean,
+    inputHeight: String,
   }
   const InputWrapper = styled('div', wrapperAttrs)`
     position: relative;
-    height: ${(props) => (props.isFullHeight ? '100%' : 'auto')};
+    height: ${({ isFullHeight, inputHeight }) =>
+      isFullHeight ? '100%' : inputHeight};
 
     svg {
       position: absolute;
@@ -158,6 +163,10 @@
         type: Boolean,
         default: false,
       },
+      inputHeight: {
+        type: String,
+        default: 'auto',
+      },
     },
     emits: ['on-change'],
     watch: {