@eturnity/eturnity_reusable_components 7.4.4-EPDM-7260.23 → 7.4.4-EPDM-7260.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.4.4-EPDM-7260.23",
+  "version": "7.4.4-EPDM-7260.25",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/filter/filterSettings.vue

@@ -92,6 +92,7 @@
               fontSize="13px"
               :label="filter.label"
               :labelDataId="filter.dataId"
+              :isSearchable="filter.choices.length > 7"
               alignItems="vertical"
               :disabled="!filter.choices.length"
               :minOptionLength="1"
@@ -100,10 +101,12 @@
                 <option-title> {{ filter.selectedText }} </option-title>
               </template>
               <template #dropdown>
-                <dropdown-checkbox-container @click.stop>
+                <dropdown-checkbox-container
+                  v-for="(filterOption, optionIdx) in filter.choices"
+                  :key="optionIdx + 'optionIdx'"
+                  @click.stop
+                >
                   <checkbox
-                    v-for="(filterOption, optionIdx) in filter.choices"
-                    :key="optionIdx + 'optionIdx'"
                     :label="filterOption.text"
                     :isChecked="filterOption.selected"
                     @on-event-handler="
@@ -223,6 +226,7 @@
               fontSize="13px"
               :label="filter.label"
               alignItems="vertical"
+              :isSearchable="filter.choices.length > 7"
               :disabled="!filter.choices.length"
             >
               <template #selector="{ selectedValue }">
@@ -392,7 +396,7 @@ const DropdownCheckboxContainer = styled.div`
   display: grid;
   gap: 6px;
   width: 100%;
-  padding: 12px 10px;
+  padding: 7px 10px;
   background: ${(props) => props.theme.colors.grey5};
 `
 

package/src/components/rangeSlider/index.vue

@@ -528,15 +528,15 @@ export default {
                 const existing = this.OverlapId.find((id) => id === label.id)
 
                 if (!existing) this.OverlapId.push(label.id)
-                return
-              } else
-                this.OverlapId = this.OverlapId
-                  ? this.OverlapId.filter((id) => id !== label.id)
-                  : []
+              }
             })
           })
         }
 
+        if (!overlapContainer.includes(true)) {
+          this.OverlapId = []
+        }
+
         this.hasOverlap = overlapContainer.includes(true)
         this.$emit('has-overlap', overlapContainer.includes(true))
       }