@eturnity/eturnity_reusable_components 7.8.2 → 7.8.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.8.2",
+  "version": "7.8.4",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/threeDots/index.vue

@@ -42,8 +42,8 @@
           <option-item
             v-for="(item, index) in options"
             :key="item.value"
+            :data-id="item.dataId"
             tabindex="0"
-            :textWrap="textWrap"
             @click.stop="onSelect({ item: item, hasChildren: hasChildren(item) })"
             @keyup.enter="
               onSelect({ item: item, hasChildren: hasChildren(item) })
@@ -196,9 +196,10 @@ const OptionsContainer = styled('div', OptionsContainerAttrs)`
   max-height: 220px;
   overflow: auto;
   height: max-content;
+  ${(props) => props.textWrap ? 'white-space: normal' : 'white-space: nowrap'};
 `
 
-const optionAttrs = { isDisabled: Boolean, textWrap: Boolean }
+const optionAttrs = { isDisabled: Boolean }
 const OptionItem = styled('div', optionAttrs)`
   padding: 12px;
   cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'pointer')};
@@ -206,7 +207,6 @@ const OptionItem = styled('div', optionAttrs)`
   position: relative;
   ${(props) => (props.isDisabled ? `background-color: ${ props.theme.colors.grey5 }!important` : '')};
   ${(props) => (props.isDisabled ? `color: ${ props.theme.colors.grey2 }` : '')};
-  ${(props) => props.textWrap ? '' : 'white-space: nowrap'};
 
   &:hover {
     background-color: #ebeef4;