@eturnity/eturnity_reusable_components 8.16.2--EPDM-14330.9 → 8.16.2--EPDM-14330.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.16.2--EPDM-14330.9",
+  "version": "8.16.2--EPDM-14330.11",
   "files": [
     "dist",
     "src"

package/src/components/filterComponent/viewFilter.vue

@@ -19,7 +19,7 @@
               v-for="(item, index) in selectedSort"
               :key="index"
             >
-              <LeadingText>{{ $gettext('where') }}</LeadingText>
+              <LeadingText>{{ $gettext('if') }}</LeadingText>
               <SelectComponent
                 ref="selectSortDropdown"
                 align-items="vertical"
@@ -191,7 +191,7 @@
           </template>
           <template v-else>
             <SortDropdownContainer>
-              <LeadingText>{{ $gettext('where') }}</LeadingText>
+              <LeadingText>{{ $gettext('if') }}</LeadingText>
               <SelectComponent
                 ref="selectSortDropdown"
                 align-items="vertical"
@@ -250,7 +250,7 @@
           </template>
         </SortOptionsContainer>
         <BottomContainer>
-          <PlaceholderText>{{ $gettext('where') }}</PlaceholderText>
+          <PlaceholderText>{{ $gettext('if') }}</PlaceholderText>
           <ButtonIcon
             icon-name="plus_button"
             :text="$gettext('add_filter')"

package/src/components/icon/index.vue

@@ -14,6 +14,7 @@
       :disable-hover="disableHover"
       :fill-type="fillType"
       :hovered-color="hoveredColor"
+      :show-count="showCount"
     >
       <i data-test-id="icon_svg" v-html="icon.html"></i>
     </IconImage>
@@ -113,6 +114,10 @@
       type: Boolean,
       default: false,
     },
+    showCount: {
+      type: Boolean,
+      default: false,
+    },
   })
 
   const Wrapper = styled('div', {
@@ -170,6 +175,7 @@
     animation: String,
     fillType: String,
     disableHover: Boolean,
+    showCount: Boolean,
   }
   const IconImage = styled('div', IconImageAttrs)`
     animation: ${(props) => props.animation};
@@ -180,7 +186,8 @@
       background-color: ${(props) =>
         props.backgroundColor ? props.backgroundColor : 'transparent'};
       padding: ${(props) => (props.backgroundColor ? '3px' : '0')};
-      border-radius: ${(props) => (props.backgroundColor ? '8px' : '0')};
+      border-radius: ${(props) =>
+        props.showCount ? '8px 0 0  8px' : props.backgroundColor ? '8px' : '0'};
     }
     svg path:not(.fix) {
       ${({ theme, color, fillType }) =>