@eturnity/eturnity_reusable_components 7.2.2 → 7.4.0-EPDM-7260.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.2.2",
+  "version": "7.4.0-EPDM-7260.1",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",
@@ -63,4 +63,4 @@
   "author": "Aaron Enser",
   "license": "ISC",
   "homepage": "https://bitbucket.org/eturnitydevs/eturnity_reusable_components#readme"
-}
+}

package/src/App.vue

@@ -114,7 +114,6 @@ import iconCollection from '@/components/icon/iconCollection'
 import dropdownComponent from '@/components/dropdown'
 import videoThumbnail from '@/components/videoThumbnail'
 import icon from '@/components/icon'
-import infoCard from '@/components/infoCard'
 // import TableDropdown from "@/components/tableDropdown"
 
 const PageContainer = styled.div`
@@ -139,8 +138,7 @@ export default {
     iconCollection,
     dropdownComponent,
     videoThumbnail,
-    icon,
-    infoCard
+    icon
   },
   data() {
     return {

package/src/assets/svgIcons/consumption_tariffs.svg

@@ -0,0 +1,43 @@
+<svg width="81" height="80" viewBox="0 0 81 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M51.6097 40.3491C51.7466 40.2267 51.66 40 51.4764 40H43.375L48.9016 22.6994C48.9636 22.5053 48.7296 22.3537 48.5777 22.4895L29.3903 39.6509C29.2534 39.7733 29.34 40 29.5236 40H37.625L32.0984 57.3006C32.0364 57.4947 32.2704 57.6463 32.4223 57.5105L51.6097 40.3491Z" fill="#B2B9C5"/>
+<path d="M27.5676 15.1647C28.222 15.8191 28.2078 16.8942 27.536 17.5661C26.8641 18.238 25.789 18.2521 25.1346 17.5978L17.3671 9.83034L19.8002 7.39727L27.5676 15.1647Z" fill="#DEE2EB"/>
+<path d="M22.9134 2.03786C24.0932 2.24201 24.8589 3.36854 24.6237 4.55419C24.3885 5.73997 23.2413 6.53586 22.0613 6.33187L11.6146 4.5259L11.3604 0.0388747L22.9134 2.03786Z" fill="#DEE2EB"/>
+<path d="M25.9034 19.9886C26.5577 20.643 26.5436 21.7181 25.8717 22.39C25.1998 23.0619 24.1247 23.0761 23.4703 22.4217L14.1231 13.0744L16.5561 10.6414L25.9034 19.9886Z" fill="#DEE2EB"/>
+<path d="M21.8694 22.4428C22.5238 23.0972 22.5096 24.1723 21.8377 24.8442C21.1658 25.516 20.0907 25.5302 19.4363 24.8758L10.879 16.3185L13.312 13.8854L21.8694 22.4428Z" fill="#DEE2EB"/>
+<path d="M16.2556 23.3171C16.9099 23.9715 16.8958 25.0467 16.2239 25.7185C15.552 26.3904 14.4769 26.4046 13.8225 25.7502L7.63489 19.5626L10.068 17.1295L16.2556 23.3171Z" fill="#DEE2EB"/>
+<path d="M20.3268 7.92388L8.16149 20.0892L2.10553 14.0332C-0.0757419 11.852 -0.0284786 8.26816 2.21109 6.02859L6.2662 1.97348C8.50578 -0.26609 12.0896 -0.313354 14.2708 1.86792L20.3268 7.92388Z" fill="#DEE2EB"/>
+<path d="M18.947 11.4102L18.1359 12.2212L17.0827 11.168L17.8937 10.3569L18.947 11.4102Z" fill="#DEE2EB"/>
+<path d="M15.7029 14.6542L14.8919 15.4653L13.8386 14.4121L14.6497 13.601L15.7029 14.6542Z" fill="#DEE2EB"/>
+<path d="M11.9322 17.3717L11.1212 18.1827L10.5946 17.6561L11.4056 16.8451L11.9322 17.3717Z" fill="#DEE2EB"/>
+<path d="M6.2662 1.97348C8.29376 -0.05407 10.1615 -0.0787013 11.3604 0.0388747L11.6202 0.568994L11.4815 0.970987L9.60324 1.79608C9.16322 1.44619 6.15807 2.08162 6.2662 1.97348Z" fill="#DEE2EB"/>
+<path d="M53.4304 64.8353C52.776 64.1809 52.7902 63.1058 53.4621 62.4339C54.134 61.762 55.2091 61.7478 55.8635 62.4022L63.6309 70.1697L61.1978 72.6027L53.4304 64.8353Z" fill="#DEE2EB"/>
+<path d="M58.0847 77.9621C56.9049 77.758 56.1391 76.6315 56.3743 75.4458C56.6095 74.26 57.7567 73.4641 58.9367 73.6681L69.3834 75.4741L69.6376 79.9611L58.0847 77.9621Z" fill="#DEE2EB"/>
+<path d="M55.0947 60.0114C54.4403 59.357 54.4545 58.2819 55.1264 57.61C55.7982 56.9381 56.8734 56.9239 57.5277 57.5783L66.875 66.9256L64.4419 69.3586L55.0947 60.0114Z" fill="#DEE2EB"/>
+<path d="M59.1287 57.5572C58.4743 56.9028 58.4885 55.8277 59.1603 55.1558C59.8322 54.4839 60.9074 54.4698 61.5617 55.1242L70.1191 63.6815L67.686 66.1146L59.1287 57.5572Z" fill="#DEE2EB"/>
+<path d="M64.7425 56.6829C64.0881 56.0285 64.1023 54.9533 64.7742 54.2815C65.446 53.6096 66.5212 53.5954 67.1755 54.2498L73.3632 60.4374L70.9301 62.8705L64.7425 56.6829Z" fill="#DEE2EB"/>
+<path d="M60.6712 72.0761L72.8366 59.9108L78.8925 65.9668C81.0738 68.148 81.0265 71.7318 78.787 73.9714L74.7318 78.0265C72.4923 80.2661 68.9085 80.3134 66.7272 78.1321L60.6712 72.0761Z" fill="#DEE2EB"/>
+<path d="M62.0511 68.5898L62.8621 67.7788L63.9153 68.832L63.1043 69.6431L62.0511 68.5898Z" fill="#DEE2EB"/>
+<path d="M65.2952 65.3458L66.1062 64.5347L67.1594 65.5879L66.3484 66.399L65.2952 65.3458Z" fill="#DEE2EB"/>
+<path d="M69.0659 62.6283L69.8769 61.8173L70.4035 62.3439L69.5925 63.1549L69.0659 62.6283Z" fill="#DEE2EB"/>
+<path d="M74.7318 78.0265C72.7043 80.0541 70.8365 80.0787 69.6376 79.9611L69.3778 79.431L69.5165 79.029L71.3948 78.2039C71.8348 78.5538 74.84 77.9184 74.7318 78.0265Z" fill="#DEE2EB"/>
+<path d="M53.4304 15.1647C52.776 15.8191 52.7902 16.8942 53.4621 17.5661C54.134 18.238 55.2091 18.2521 55.8635 17.5978L63.6309 9.83034L61.1978 7.39727L53.4304 15.1647Z" fill="#DEE2EB"/>
+<path d="M58.0847 2.03786C56.9049 2.24201 56.1391 3.36854 56.3743 4.55419C56.6095 5.73997 57.7567 6.53586 58.9367 6.33187L69.3834 4.5259L69.6376 0.0388747L58.0847 2.03786Z" fill="#DEE2EB"/>
+<path d="M55.0947 19.9886C54.4403 20.643 54.4545 21.7181 55.1263 22.39C55.7982 23.0619 56.8734 23.0761 57.5277 22.4217L66.875 13.0744L64.4419 10.6414L55.0947 19.9886Z" fill="#DEE2EB"/>
+<path d="M59.1287 22.4428C58.4743 23.0972 58.4885 24.1723 59.1603 24.8442C59.8322 25.516 60.9074 25.5302 61.5617 24.8758L70.1191 16.3185L67.686 13.8854L59.1287 22.4428Z" fill="#DEE2EB"/>
+<path d="M64.7425 23.3171C64.0881 23.9715 64.1023 25.0467 64.7742 25.7185C65.446 26.3904 66.5212 26.4046 67.1755 25.7502L73.3632 19.5626L70.9301 17.1295L64.7425 23.3171Z" fill="#DEE2EB"/>
+<path d="M60.6712 7.92388L72.8366 20.0892L78.8925 14.0332C81.0738 11.852 81.0265 8.26816 78.787 6.02859L74.7318 1.97348C72.4923 -0.26609 68.9085 -0.313354 66.7272 1.86792L60.6712 7.92388Z" fill="#DEE2EB"/>
+<path d="M62.0511 11.4102L62.8621 12.2212L63.9153 11.168L63.1043 10.3569L62.0511 11.4102Z" fill="#DEE2EB"/>
+<path d="M65.2952 14.6542L66.1062 15.4653L67.1594 14.4121L66.3484 13.601L65.2952 14.6542Z" fill="#DEE2EB"/>
+<path d="M69.0659 17.3717L69.8769 18.1827L70.4035 17.6561L69.5925 16.8451L69.0659 17.3717Z" fill="#DEE2EB"/>
+<path d="M74.7318 1.97348C72.7043 -0.05407 70.8365 -0.0787013 69.6376 0.0388747L69.3778 0.568994L69.5165 0.970987L71.3948 1.79608C71.8348 1.44619 74.84 2.08162 74.7318 1.97348Z" fill="#DEE2EB"/>
+<path d="M27.5676 64.8353C28.222 64.1809 28.2078 63.1058 27.536 62.4339C26.8641 61.762 25.789 61.7479 25.1346 62.4022L17.3671 70.1697L19.8002 72.6027L27.5676 64.8353Z" fill="#DEE2EB"/>
+<path d="M22.9134 77.9621C24.0932 77.758 24.8589 76.6315 24.6237 75.4458C24.3885 74.26 23.2413 73.4641 22.0613 73.6681L11.6146 75.4741L11.3604 79.9611L22.9134 77.9621Z" fill="#DEE2EB"/>
+<path d="M25.9034 60.0114C26.5578 59.357 26.5436 58.2819 25.8717 57.61C25.1998 56.9381 24.1247 56.924 23.4703 57.5783L14.1231 66.9256L16.5561 69.3586L25.9034 60.0114Z" fill="#DEE2EB"/>
+<path d="M21.8694 57.5572C22.5238 56.9028 22.5096 55.8277 21.8377 55.1558C21.1658 54.484 20.0907 54.4698 19.4363 55.1242L10.879 63.6815L13.312 66.1146L21.8694 57.5572Z" fill="#DEE2EB"/>
+<path d="M16.2556 56.6829C16.9099 56.0285 16.8958 54.9533 16.2239 54.2815C15.552 53.6096 14.4769 53.5954 13.8225 54.2498L7.63489 60.4374L10.068 62.8705L16.2556 56.6829Z" fill="#DEE2EB"/>
+<path d="M20.3268 72.0761L8.16149 59.9108L2.10553 65.9668C-0.0757409 68.148 -0.0284779 71.7318 2.2111 73.9714L6.2662 78.0265C8.50578 80.2661 12.0896 80.3134 14.2708 78.1321L20.3268 72.0761Z" fill="#DEE2EB"/>
+<path d="M18.947 68.5898L18.1359 67.7788L17.0827 68.832L17.8938 69.6431L18.947 68.5898Z" fill="#DEE2EB"/>
+<path d="M15.7029 65.3458L14.8919 64.5347L13.8386 65.5879L14.6497 66.399L15.7029 65.3458Z" fill="#DEE2EB"/>
+<path d="M11.9322 62.6283L11.1212 61.8173L10.5946 62.3439L11.4056 63.1549L11.9322 62.6283Z" fill="#DEE2EB"/>
+<path d="M6.2662 78.0265C8.29376 80.0541 10.1615 80.0787 11.3604 79.9611L11.6202 79.431L11.4815 79.029L9.60324 78.2039C9.16322 78.5538 6.15807 77.9184 6.2662 78.0265Z" fill="#DEE2EB"/>
+</svg>

package/src/assets/svgIcons/electricity_tariff.svg

@@ -0,0 +1,3 @@
+<svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.36652 9.33445C9.4832 9.20595 9.39203 9 9.21845 9H6.16767L8.29896 0.785289C8.35143 0.583073 8.09775 0.44595 7.95731 0.60061L0.633784 8.66555C0.517096 8.79405 0.608271 9 0.781847 9H3.83263L1.70134 17.2147C1.64887 17.4169 1.90255 17.5541 2.04299 17.3994L9.36652 9.33445Z" fill="#263238"/>
+</svg>

package/src/components/addNewButton/index.vue

@@ -1,6 +1,6 @@
 <template>
   <page-container :shouldPosition="shouldPosition">
-    <button-container :data-id="dataId">
+    <button-container>
       <plus-button :src="require('../../assets/icons/plus_button.svg')" />
     </button-container>
   </page-container>
@@ -8,11 +8,11 @@
 
 <script>
 // import AddNewButton from "@eturnity/eturnity_reusable_components/src/components/addNewButton"
-import styled from 'vue-styled-components'
+import styled from "vue-styled-components"
 
 const pageAttrs = { shouldPosition: Boolean }
-const PageContainer = styled('div', pageAttrs)`
-  position: ${(props) => (props.shouldPosition ? 'fixed' : 'unset')};
+const PageContainer = styled("div", pageAttrs)`
+  position: ${(props) => (props.shouldPosition ? "fixed" : "unset")};
   bottom: 30px;
   right: 30px;
 `
@@ -42,21 +42,17 @@ const ButtonContainer = styled.div`
 const PlusButton = styled.img``
 
 export default {
-  name: 'add-new-button',
+  name: "add-new-button",
   components: {
     PageContainer,
     ButtonContainer,
-    PlusButton
+    PlusButton,
   },
   props: {
     shouldPosition: {
       required: false,
-      default: true
+      default: true,
     },
-    dataId: {
-      type: String,
-      default: ''
-    }
-  }
+  },
 }
 </script>

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

@@ -22,7 +22,7 @@
 //   type="secondary" // primary, secondary, cancel
 //   :isDisabled="true"
 //   :minWidth="minWidth"
-//   :data-id="test_data_id"
+//   :dataId="test_data_id"
 // />
 
 import styled from 'vue-styled-components'

package/src/components/iconWrapper/index.vue

@@ -8,7 +8,6 @@
     :color="iconColor"
     :hoveredBackgroundColor="hoveredBackgroundColor"
     :isHovered="isHovered"
-    :data-id="dataId"
   >
     <icon
       :disabled="disabled"
@@ -111,10 +110,10 @@ export default {
       required: false
     },
     backgroundColor: {
-      required: false
-    },
-    hasBorder: {
-      required: false
+      required: false,
+      },
+      hasBorder: {
+        required: false,
     },
     hoveredBackgroundColor: {
       required: false,
@@ -136,21 +135,18 @@ export default {
       required: false,
       default: '6px'
     },
-    dataId: {
-      type: String,
-      default: ''
+    isHovered:{
+      required:false,
+      default:false
+      },
+      isStriked:{
+        required:false,
+        default:false
+    
+      }
     },
-    isHovered: {
-      required: false,
-      default: false
-    },
-    isStriked: {
-      required: false,
-      default: false
+    data() {
+      return {}
     }
-  },
-  data() {
-    return {}
   }
-}
 </script>

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

@@ -8,7 +8,7 @@
         <input-label
           :labelFontColor="labelFontColor"
           :fontSize="fontSize"
-          :data-id="labelDataId"
+          :dataId="labelDataId"
           >{{ label }}
           <optionalLabel v-if="labelOptional"
             >({{ $gettext('Optional') }})</optionalLabel
@@ -44,7 +44,7 @@
             :hasFocus="hasFocus"
             :backgroundColor="backgroundColor"
             :disabledBackgroundColor="disabledBackgroundColor"
-            :data-id="inputDataId"
+            :dataId="inputDataId"
           />
           <icon-wrapper
             v-if="inputType === 'password' && !isError"

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

@@ -11,7 +11,7 @@
         :inputWidth="inputWidth"
         :isFilter="isFilter"
         :hasFocus="hasFocus"
-        :data-id="dataId"
+        :dataId="dataId"
       />
       <img
         class="search-icn"
@@ -31,7 +31,7 @@
 //   inputWidth="250px"
 //   @on-change="function($event)"
 //   :isFilter="true" // to set the height at 30px
-//   data-id="test-data-id"
+//   dataId="test-data-id"
 // />
 import styled from 'vue-styled-components'
 

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

@@ -45,7 +45,6 @@
           :disabled="disabled"
           @keydown.native="onKeyDown"
           :showBorder="showBorder"
-          :data-id="dataId"
         >
           <inputText
             v-if="isSearchBarVisible"
@@ -123,8 +122,7 @@
 //     optionWidth="50%"
 //     label="that is a label"
 //     alignItems="vertical"
-//     label-data-id="test-label0data-id"
-//     data-id="test-data-id"
+//     label-data-id="test-data-id"
 //     >
 //     <template #selector="{selectedValue}">
 //     value selected: {{selectedValue}}
@@ -393,10 +391,6 @@ export default {
     showBorder: {
       required: false,
       default: true
-    },
-    dataId: {
-      type: String,
-      default: ''
     }
   },
 
@@ -477,7 +471,7 @@ export default {
       }
     },
     optionLeave() {
-      if (this.dropdownAutoClose) {
+      if(this.dropdownAutoClose) {
         this.isDropdownOpen = false
       }
     },

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

@@ -10,8 +10,6 @@
         v-if="label && labelAlign === 'left'"
         :hasInfoMessage="!!infoTextMessage"
         :colorMode="colorMode"
-        :primaryColor="primaryColor"
-        :secondaryColor="secondaryColor"
       >
         <label-text :size="size">{{ label }}</label-text>
         <info-text
@@ -37,7 +35,6 @@
           :primaryColor="primaryColor"
           :secondaryColor="secondaryColor"
           :inactiveColor="inactiveColor"
-          :data-id="item.hasOwnProperty('dataId') ? item.dataId : ''"
         >
           {{ item.content }}
         </switchOption>
@@ -102,12 +99,10 @@ const toggleAttrs = {
   fontColor: String,
   disabled: Boolean,
   backgroundColor: String,
-  isChecked: Boolean,
-  secondaryColor: String,
-  primaryColor: String,
+  isChecked: Boolean
 }
 const LabelText = styled('div', toggleAttrs)`
-  color: ${(props) => props.primaryColor };
+  color: white;
   font-size: 13px;
   font-weight: 700;
 `

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

@@ -74,7 +74,7 @@
 //   :disabled="true"
 //   infoTextAlign="right" // left by default
 //   infoTextMessage="My info message"
-//   data-id="test_data_id"
+//   dataId="test_data_id"
 // />
 
 import styled from 'vue-styled-components'

package/src/components/pageTitle/index.vue

@@ -1,14 +1,5 @@
 <template>
-  <flex>
-    <title-text :color="color" :fontSize="fontSize" :uppercase="uppercase">{{ text }}</title-text>
-    <info-text
-        v-if="infoText"
-        :text="infoText"
-        borderColor="#ccc"
-        size="14px"
-        :alignArrow="infoAlign"
-      />
-  </flex>
+  <title-text :color="color" :fontSize="fontSize" :uppercase="uppercase">{{ text }}</title-text>
 </template>
 
 <script>
@@ -19,28 +10,20 @@
 //   color="red"
 // />
 import styled from "vue-styled-components"
-import InfoText from '../infoText'
+
 const textAttrs = { color: String, fontSize: String, uppercase: Boolean }
 const TitleText = styled("div", textAttrs)`
   color: ${(props) => (props.color ? props.color : props.theme.colors.black)};
   font-weight: bold;
   font-size: ${(props) => (props.fontSize ? props.fontSize : '16px')};
   text-transform: ${(props) => (props.uppercase ? 'uppercase' : 'none')};
-  
-`
-const flex = styled("div", textAttrs)`
-  display: flex;
-  gap:10px;
   margin-bottom: 20px;
-  align-items: center;
 `
 
 export default {
   name: "page-title",
   components: {
     TitleText,
-    InfoText,
-    flex
   },
   props: {
     text: {
@@ -56,13 +39,7 @@ export default {
     uppercase: {
       required: false,
       default: true
-    },
-    infoText: {
-      required: false,
-    },
-    infoAlign: {
-      required: false,
-    },
+    }
   },
 }
 </script>

package/src/components/selectedOptions/index.vue

@@ -0,0 +1,135 @@
+<template>
+  <page-container>
+    <box-container>
+      <selected-container
+        >{{ numberSelected }} {{ $gettext('selected') }}</selected-container
+      >
+      <list-container>
+        <list-item
+          v-for="item in optionsList"
+          :key="item.type"
+          :hoverColor="item.hoverColor"
+          @click="$emit('on-' + item.type)"
+        >
+          {{ item.name }}
+        </list-item>
+      </list-container>
+      <icon-container @click="$emit('on-close')">
+        <icon
+          name="close_for_modals,_tool_tips"
+          color="white"
+          size="14px"
+          cursor="pointer"
+        />
+      </icon-container>
+    </box-container>
+  </page-container>
+</template>
+
+<script>
+// import SelectedOptions from "@eturnity/eturnity_reusable_components/src/components/selectedOptions"
+// optionsList = [
+//   {
+//     type: 'export',
+//     name: 'Export'
+//   },
+//   {
+//     type: 'delete',
+//     name: 'Delete',
+//     hoverColor: 'red' // default is green
+//   }
+// ]
+// @on-${type}="function" should $emit the callback for the 'type' in the optionsList
+// <selected-options
+//   :numberSelected="numberSelected"
+//   :optionsList="optionsList"
+//   @on-close="onCloseFunction()"
+//   @on-export="function()" @on-delete="function()"
+// />
+import styled from 'vue-styled-components'
+import Icon from '../icon'
+
+const PageContainer = styled.div`
+  position: fixed;
+  bottom: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+`
+
+const SelectedContainer = styled.div`
+  display: grid;
+  align-items: center;
+  height: 100%;
+  padding-right: 20px;
+  border-right: 1px solid rgba(255, 255, 255, 0.2);
+`
+
+const BoxContainer = styled.div`
+  display: flex;
+  align-items: center;
+  background-color: ${(props) => props.theme.colors.black};
+  opacity: 90%;
+  color: ${(props) => props.theme.colors.white};
+  border-radius: 4px;
+  padding: 8px 10px 8px 20px;
+  font-size: 14px;
+  height: 40px;
+`
+
+const ListContainer = styled.div`
+  padding: 0 20px;
+  display: flex;
+  gap: 20px;
+  color: ${(props) => props.theme.colors.white};
+`
+
+const ListAttrs = {
+  hoverColor: String
+}
+const ListItem = styled('div', ListAttrs)`
+  cursor: pointer;
+  &:hover {
+    color: ${(props) =>
+      props.hoverColor
+        ? props.theme.colors[props.hoverColor]
+        : props.theme.colors.green};
+  }
+`
+
+const IconContainer = styled.div`
+  display: grid;
+  align-items: center;
+  justify-items: center;
+  height: 30px;
+  width: 30px;
+  cursor: pointer;
+  margin-left: 20px;
+
+  &:hover {
+    background: rgba(255, 255, 255, 0.1);
+    border-radius: 4px;
+  }
+`
+
+export default {
+  name: 'selected-options',
+  components: {
+    PageContainer,
+    BoxContainer,
+    SelectedContainer,
+    ListContainer,
+    ListItem,
+    Icon,
+    IconContainer
+  },
+  props: {
+    optionsList: {
+      required: true
+    },
+    numberSelected: {
+      required: true,
+      default: 0
+    }
+  }
+}
+</script>

package/src/components/sideMenu/index.vue

@@ -18,10 +18,7 @@
           <list-text>{{ $gettext(item.label) }}</list-text>
         </list-item>
         <collapse-wrapper v-else :key="idx + item.key">
-          <collapse-container
-            :data-id="`sub_menu_settings_${item.key}`"
-            @click="toggleActiveDropdown(item.key)"
-          >
+          <collapse-container @click="toggleActiveDropdown(item.key)">
             <icon-container :isActive="activeParentTab === item.key">
               <icon
                 :name="item.icon"
@@ -44,7 +41,6 @@
               v-for="subItem in item.children"
               :key="subItem.key"
               :isActive="activeTab === subItem.key"
-              :data-id="`sub_menu_settings_${subItem.key}`"
               @click="
                 $emit('tab-click', {
                   activeKey: subItem.key,

package/src/helpers/numberConverter.js

@@ -38,7 +38,7 @@ export const stringToNumber = ({
         .replace(/[.\s]/g, '')
         .replace(/[,\s]/, '.')
     }
-  } else if (selectedLang === 'en-us' || selectedLang === 'en-gb') {
+  } else if (selectedLang === 'en-us') {
     // replace commas with blank: 1,234.56 --> 1234.56
     if (allowNegative) {
       newVal = newVal.replace(/[^\d-.,']/g, '').replace(/[,\s]/g, '')

package/src/components/infoCard/index.vue

@@ -1,38 +0,0 @@
-<template>
-    <info-container>
-            <icon name="info" size="24px" />
-      <InfoTextContainer>
-        <slot />
-      </InfoTextContainer>
-    </info-container>
-</template>
-    
-<script>
-import styled from 'vue-styled-components'
-import icon from '../icon'
-const InfoContainer = styled('div')`
-  display: flex;
-  align-items: flex-start;
-  gap: 15px;
-  padding: 20px;
-  width: 500px;
-  min-width: 450px;
-  border: 1px dashed #dee2eb;
-  border-radius: 4px;
-  margin:20px 0;
-`
-
-const InfoTextContainer = styled('div')`
-  font-size: 13px;
-`
-
-
-export default {
-    components:{
-        icon,
-        InfoTextContainer,
-        InfoContainer
-    },
-    props:[]
-}
-</script>

package/src/components/navigationTabs/index.vue

@@ -1,107 +0,0 @@
-<template>
-  <roofTabWrap>
-    <tab
-      v-for="(tab, index) in tabsData"
-      :key="tab.id"
-      :isDisabled="!!tab['isDisabled']"
-      :textColor="tab['textColor']"
-      :active="isIndexKey ? index === activeTab : tab[tabKey] === activeTab"
-      @click="$emit('tab-click', isIndexKey ? index : tab[tabKey])"
-    >
-        <Option :isDisabled="!!tab['isDisabled']" :textColor="tab['textColor']">
-            <Uppercase>{{ tab[tabLabel] }}</Uppercase>
-            <info-text
-                v-if="tab['labelInfoText']"
-                :text="tab['labelInfoText']"
-                borderColor="#ccc"
-                size="14px"
-                :alignArrow="tab['labelInfoAlign']"
-            />
-        </Option>
-    </tab>
-    <bottomLine />
-  </roofTabWrap>
-</template>
-
-<script>
-import styled from 'vue-styled-components'
-import InfoText from '../infoText'
-const TabAttr = {
-  active: Boolean,
-  isDisabled: Boolean,
-  textColor: String
-}
-
-const bottomLine = styled('div')`
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    height: 1px;
-    width: 100%;
-    background-color: #b2b9c5;
-`
-const roofTabWrap = styled('div')`
-  display: flex;
-  align-items: center;
-  position: relative;
-  font-size: 13px;
-  font-weight: 700;
-`
-const Uppercase = styled('span')`
-  text-transform: uppercase;
-`
-const Option = styled('div',TabAttr)`
-    font-size: 13px;
-    font-weight: 700;
-    display:flex;
-    justify-content: center;
-    flex-direction: row;
-    gap: 10px;
-    color: ${props=>props.textColor ? 
-        props.theme.colors[props.textColor] ? props.theme.colors[props.textColor] : props.textColor :
-        props.isDisabled ? props.theme.colors.grey2 : props.theme.colors.black};
-  `
-const Tab = styled('div', TabAttr)`
-  padding: 16px 10px;
-  margin-right: 5px;
-  position: relative;
-  top: ${(props) => (props.isDisabled ? '-1px' : '0')};
-  z-index: 10;
-  border-bottom: 2px solid
-    ${(props) => (props.active ? props.theme.colors.primary : 'transparent')};
-  background-color: ${(props) => (props.isDisabled ? props.theme.colors.grey5 : 'transparent')};
-  transition: 0.2s ease;
-  cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'pointer')};
-  min-width: 140px;
-  display: flex !important;
-  align-items: center;
-  justify-content: space-between;
-  min-height: 55px;
-  &:hover {
-    border-color: ${(props) => props.isDisabled ? props.theme.colors.grey2 : props.theme.colors.primary};
-  }
-`
-
-export default {
-  name: 'Tabs',
-
-  components: {
-    Tab,
-    bottomLine,
-    roofTabWrap,
-    Option,
-    InfoText,
-    Uppercase
-  },
-
-  props: {
-    tabsData: { required: true },
-    activeTab: { required: true },
-    isIndexKey: { type: Boolean, default: false },
-    tabKey: { type: String, default: '' },
-    tabLabel: { type: String, default: '' }
-  }
-}
-</script>
-
-<style lang="scss" scoped></style>