@eturnity/eturnity_reusable_components 8.22.23-EPDM-15710.0 → 8.22.23-EPDM-12618.9

package/dist/main.es97.js

@@ -1,23 +1,20 @@
 import "./main.es3.js";
-import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+import { openBlock, createElementBlock, createStaticVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "6",
-  height: "16",
+  width: "81",
+  height: "80",
   fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "M21.75 14.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.75 20a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.75 25.25a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"
-}, null, -1);
-const _hoisted_3 = [
+const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<path fill="#B2B9C5" fill-rule="evenodd" d="M51.61 40.35a.2.2 0 0 0-.134-.35h-8.101l5.527-17.3c.062-.195-.172-.346-.324-.21L29.39 39.65a.2.2 0 0 0 .134.35h8.101l-5.527 17.3c-.062.195.172.346.324.21z" clip-rule="evenodd"></path><path fill="#DEE2EB" d="M27.568 15.165c.654.654.64 1.73-.032 2.401-.672.672-1.747.686-2.401.032L17.367 9.83 19.8 7.397zM22.913 2.038a2.115 2.115 0 0 1 1.71 2.516c-.235 1.186-1.382 1.982-2.562 1.778L11.615 4.526 11.36.039zM25.903 19.989c.655.654.64 1.73-.031 2.401-.672.672-1.747.686-2.402.032l-9.347-9.348 2.433-2.433zM21.87 22.443c.654.654.64 1.73-.032 2.401-.672.672-1.747.686-2.402.032l-8.557-8.558 2.433-2.433zM16.256 23.317c.654.654.64 1.73-.032 2.401-.672.672-1.747.687-2.402.032l-6.187-6.187 2.433-2.433z"></path><path fill="#DEE2EB" d="M20.327 7.924 8.16 20.089l-6.055-6.056C-.076 11.852-.028 8.268 2.21 6.03l4.055-4.056c2.24-2.24 5.824-2.286 8.005-.105z"></path><path fill="#DEE2EB" d="m18.947 11.41-.811.811-1.053-1.053.81-.811zM15.703 14.654l-.811.811-1.053-1.053.81-.811zM11.932 17.372l-.81.81-.527-.526.81-.81zM6.266 1.973C8.294-.054 10.162-.079 11.36.04l.26.53-.138.402-1.879.825c-.44-.35-3.445.286-3.337.177M53.43 64.835c-.654-.654-.64-1.73.032-2.401.672-.672 1.747-.686 2.401-.032l7.768 7.768-2.433 2.433zM58.085 77.962a2.115 2.115 0 0 1-1.71-2.516c.234-1.186 1.382-1.982 2.562-1.778l10.446 1.806.255 4.487zM55.095 60.011c-.655-.654-.64-1.73.031-2.401.672-.672 1.747-.686 2.402-.032l9.347 9.348-2.433 2.433zM59.129 57.557c-.655-.654-.64-1.73.031-2.401.672-.672 1.747-.686 2.402-.032l8.557 8.557-2.433 2.434zM64.743 56.683c-.655-.654-.64-1.73.031-2.401.672-.672 1.747-.687 2.401-.032l6.188 6.187-2.433 2.434z"></path><path fill="#DEE2EB" d="m60.671 72.076 12.166-12.165 6.055 6.056c2.182 2.181 2.135 5.765-.105 8.004l-4.055 4.055c-2.24 2.24-5.823 2.287-8.005.106z"></path><path fill="#DEE2EB" d="m62.051 68.59.811-.811 1.053 1.053-.81.811zM65.295 65.346l.811-.811 1.053 1.053-.81.811zM69.066 62.628l.81-.81.527.526-.81.81zM74.732 78.027c-2.028 2.027-3.895 2.052-5.094 1.934l-.26-.53.138-.402 1.879-.825c.44.35 3.445-.286 3.337-.177M53.43 15.165c-.654.654-.64 1.73.032 2.401.672.672 1.747.686 2.401.032l7.768-7.768-2.433-2.433zM58.085 2.038a2.115 2.115 0 0 0-1.71 2.516c.234 1.186 1.382 1.982 2.562 1.778l10.446-1.806.255-4.487zM55.095 19.989c-.655.654-.64 1.73.031 2.401.672.672 1.747.686 2.402.032l9.347-9.348-2.433-2.433zM59.129 22.443c-.655.654-.64 1.73.031 2.401.672.672 1.747.686 2.402.032l8.557-8.558-2.433-2.433zM64.743 23.317c-.655.654-.64 1.73.031 2.401.672.672 1.747.687 2.401.032l6.188-6.187-2.433-2.433z"></path><path fill="#DEE2EB" d="m60.671 7.924 12.166 12.165 6.055-6.056c2.182-2.181 2.135-5.765-.105-8.004l-4.055-4.056c-2.24-2.24-5.823-2.286-8.005-.105z"></path><path fill="#DEE2EB" d="m62.051 11.41.811.811 1.053-1.053-.81-.811zM65.295 14.654l.811.811 1.053-1.053-.81-.811zM69.066 17.372l.81.81.527-.526-.81-.81zM74.732 1.973C72.704-.054 70.837-.079 69.638.04l-.26.53.138.402 1.879.825c.44-.35 3.445.286 3.337.177M27.568 64.835c.654-.654.64-1.73-.032-2.401-.672-.672-1.747-.686-2.401-.032l-7.768 7.768 2.433 2.433zM22.913 77.962a2.115 2.115 0 0 0 1.71-2.516c-.235-1.186-1.382-1.982-2.562-1.778l-10.446 1.806-.255 4.487zM25.903 60.011c.655-.654.64-1.73-.031-2.401-.672-.672-1.747-.686-2.402-.032l-9.347 9.348 2.433 2.433zM21.87 57.557c.654-.654.64-1.73-.032-2.401-.672-.672-1.747-.686-2.402-.032l-8.557 8.557 2.433 2.434zM16.256 56.683c.654-.654.64-1.73-.032-2.401-.672-.672-1.747-.687-2.402-.032l-6.187 6.187 2.433 2.434z"></path><path fill="#DEE2EB" d="M20.327 72.076 8.16 59.911l-6.055 6.056c-2.182 2.181-2.134 5.765.105 8.004l4.055 4.055c2.24 2.24 5.824 2.287 8.005.106z"></path><path fill="#DEE2EB" d="m18.947 68.59-.811-.811-1.053 1.053.81.811zM15.703 65.346l-.811-.811-1.053 1.053.81.811zM11.932 62.628l-.81-.81-.527.526.81.81zM6.266 78.027c2.028 2.027 3.896 2.052 5.094 1.934l.26-.53-.138-.402-1.879-.825c-.44.35-3.445-.286-3.337-.177"></path>', 10);
+const _hoisted_12 = [
   _hoisted_2
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_12);
 }
-const context_menu = { render };
+const consumption_tariffs = { render };
 export {
-  context_menu as default,
+  consumption_tariffs as default,
   render
 };

package/dist/main.es98.js

@@ -2,22 +2,27 @@ 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: "16",
-  height: "6",
+  width: "13",
+  height: "23",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  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"
+  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"
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+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
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
 }
-const context_menu_tabs = { render };
+const context_menu1 = { render };
 export {
-  context_menu_tabs as default,
+  context_menu1 as default,
   render
 };

package/dist/main.es99.js

@@ -2,23 +2,27 @@ 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: "800",
-  height: "800",
-  viewBox: "0 0 512 512"
+  width: "8",
+  height: "16",
+  fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "none",
-  "fill-rule": "evenodd",
-  d: "M426.667 128v320h-256V128zM384 170.667H213.333v234.666H384zm-64-128v42.666H128v256H85.333V42.667z"
+  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"
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+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
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
 }
-const copy = { render };
+const context_menu2 = { render };
 export {
-  copy as default,
+  context_menu2 as default,
   render
 };

package/package.json

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

package/src/components/errorMessage/index.vue

@@ -19,7 +19,7 @@
     background: ${(props) => props.theme.colors.red};
     padding: 10px;
     width: max-content;
-    /* max-width: 100%; */
+    max-width: 100%;
     min-width: min-content;
     font-size: 11px;
     font-weight: 400;

package/src/components/filterComponent/viewFilter.vue

@@ -24,16 +24,6 @@
                 ref="selectSortDropdown"
                 align-items="vertical"
                 class="sort-dropdown"
-                :data-id="
-                  rowDataId.dataId
-                    .replace('${type}', 'column')
-                    .replace('${index}', index)
-                "
-                :data-qa-id="
-                  rowDataId.dataId
-                    .replace('${type}', 'column')
-                    .replace('${index}', index)
-                "
                 :dropdown-auto-close="false"
                 select-height="40px"
                 @input-change="
@@ -67,16 +57,6 @@
                 ref="selectSortDropdown"
                 align-items="vertical"
                 class="sort-dropdown"
-                :data-id="
-                  rowDataId.dataId
-                    .replace('${type}', 'constraint')
-                    .replace('${index}', index)
-                "
-                :data-qa-id="
-                  rowDataId.dataId
-                    .replace('${type}', 'constraint')
-                    .replace('${index}', index)
-                "
                 :disabled="!item.column"
                 :dropdown-auto-close="false"
                 select-height="40px"
@@ -108,18 +88,7 @@
                 </template>
               </SelectComponent>
               <template v-if="item.column === 'updated'">
-                <DatePickerContainer
-                  :data-id="
-                    rowDataId.dataId
-                      .replace('${type}', 'selectedDate')
-                      .replace('${index}', index)
-                  "
-                  :data-qa-id="
-                    rowDataId.dataQaId
-                      .replace('${type}', 'selectedDate')
-                      .replace('${index}', index)
-                  "
-                >
+                <DatePickerContainer>
                   <VueDatePicker
                     ref="datePicker"
                     :auto-apply="true"
@@ -153,16 +122,6 @@
                 ref="selectSortDropdown"
                 align-items="vertical"
                 class="sort-dropdown"
-                :data-id="
-                  rowDataId.dataId
-                    .replace('${type}', 'selectedOptions')
-                    .replace('${index}', index)
-                "
-                :data-qa-id="
-                  rowDataId.dataId
-                    .replace('${type}', 'selectedOptions')
-                    .replace('${index}', index)
-                "
                 :disabled="!item.column || !item.constraint"
                 :dropdown-auto-close="false"
                 :is-searchable="false"
@@ -223,16 +182,6 @@
                 <RCIcon
                   :color="theme.semanticColors.teal[800]"
                   cursor="pointer"
-                  :data-id="
-                    rowDataId.dataId
-                      .replace('${type}', 'remove')
-                      .replace('${index}', index)
-                  "
-                  :data-qa-id="
-                    rowDataId.dataId
-                      .replace('${type}', 'remove')
-                      .replace('${index}', index)
-                  "
                   name="close"
                   size="14px"
                   @click.stop="removeItem(index)"
@@ -247,16 +196,6 @@
                 ref="selectSortDropdown"
                 align-items="vertical"
                 class="sort-dropdown"
-                :data-id="
-                  rowDataId.dataId
-                    .replace('${type}', 'column')
-                    .replace('${index}', 0)
-                "
-                :data-qa-id="
-                  rowDataId.dataId
-                    .replace('${type}', 'column')
-                    .replace('${index}', 0)
-                "
                 :dropdown-auto-close="false"
                 select-height="40px"
                 @input-change="
@@ -284,16 +223,6 @@
                 ref="selectSortDropdown"
                 align-items="vertical"
                 class="sort-dropdown"
-                :data-id="
-                  rowDataId.dataId
-                    .replace('${type}', 'constraint')
-                    .replace('${index}', 0)
-                "
-                :data-qa-id="
-                  rowDataId.dataId
-                    .replace('${type}', 'constraint')
-                    .replace('${index}', 0)
-                "
                 :disabled="true"
                 :dropdown-auto-close="false"
                 select-height="40px"
@@ -306,16 +235,6 @@
                 ref="selectSortDropdown"
                 align-items="vertical"
                 class="sort-dropdown"
-                :data-id="
-                  rowDataId.dataId
-                    .replace('${type}', 'selectedOptions')
-                    .replace('${index}', 0)
-                "
-                :data-qa-id="
-                  rowDataId.dataId
-                    .replace('${type}', 'selectedOptions')
-                    .replace('${index}', 0)
-                "
                 :disabled="true"
                 :dropdown-auto-close="false"
                 select-height="40px"
@@ -330,16 +249,6 @@
         <BottomContainer>
           <PlaceholderText>{{ $gettext('if') }}</PlaceholderText>
           <ButtonIcon
-            :data-id="
-              rowDataId.dataId
-                .replace('${type}', 'addFilter')
-                .replace('${index}', 0)
-            "
-            :data-qa-id="
-              rowDataId.dataId
-                .replace('${type}', 'addFilter')
-                .replace('${index}', 0)
-            "
             icon-name="plus_button"
             :text="$gettext('add_filter')"
             type="ghost"
@@ -482,11 +391,6 @@
         required: false,
         default: 'en-us',
       },
-      rowDataId: {
-        type: Object,
-        required: false,
-        default: '',
-      },
     },
     data() {
       return {

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

@@ -179,9 +179,7 @@
     position: relative;
     font-size: ${(props) => (props.fontSize ? props.fontSize : '16px')};
     color: ${(props) =>
-      props.isError
-        ? props.theme.colors.grey6
-        : props.isDisabled
+      props.isDisabled
         ? props.theme.colors.grey2
         : props.fontColor
         ? props.fontColor + ' !important'

package/src/components/tableDropdown/index.vue

@@ -78,10 +78,13 @@
               v-else
               class="inputField"
               :disabled="customInputDisabled"
+              :error-message="item.errorMessage"
               :font-color="showArchived ? theme.colors.red : 'black'"
+              :is-error="item.isError"
               :min-width="item.value.length + 'ch'"
-              :no-border="true"
+              :no-border="item.noBorder || item.noBorder === undefined"
               :value="item.value"
+              @input-blur="onCustomInputChange($event.trim())"
               @input-change="onCustomInputChange($event)"
             />
           </InputContainer>
@@ -162,7 +165,7 @@
             </OptionsItem>
           </OptionsWrapper>
           <CustomContainer
-            v-if="inputText.length && allowFreeInputs"
+            v-if="getCustomName.length && allowFreeInputs"
             @click="onCustomNameClick()"
           >
             <CustomName>{{ getCustomName }}</CustomName>
@@ -226,7 +229,6 @@
   const ItemAttrs = { isNested: Boolean, showArchived: Boolean }
   const ComponentItem = styled('td', ItemAttrs)`
     padding-left: ${(props) => (props.isNested ? '14px !important' : '0')};
-    overflow: hidden;
     text-overflow: ellipsis;
     padding-right: 0 !important;
     color: ${(props) =>
@@ -558,7 +560,7 @@
     },
     computed: {
       getCustomName() {
-        return this.inputText
+        return this.inputText.trim()
       },
       theme() {
         return theme
@@ -652,7 +654,7 @@
       },
       onCustomNameClick() {
         this.wasClicked = true
-        this.$emit('on-custom-input-name', this.inputText)
+        this.$emit('on-custom-input-name', this.getCustomName)
         this.$emit('toggle-dropdown-open', { close: true })
         this.inputText = ''
       },

package/src/components/tabsHeader/index.vue

@@ -5,7 +5,6 @@
         v-for="item in tabsData"
         :key="item.id"
         :data-id="item.dataId"
-        :data-qa-id="item.dataId"
         :data-test-active="activeTab === item.id"
         data-test-id="tab-item"
         :full-size="fullSize"