@onereach/ui-components 17.1.0 → 17.2.0-beta.4875.0

package/dist/bundled/v2/components/OrDataGridV3/OrDataGrid.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrDataGrid-e08ff27a.js';
+export { _ as default } from '../../OrDataGrid-16e613a1.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrDataGridV3/index.js

@@ -1 +1 @@
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-e08ff27a.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-16e613a1.js';

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, toRefs, computed, watch, nextTick, getCurrentInstance } from 'vue-demi';
+import { defineComponent, ref, toRefs, computed, watch, getCurrentInstance } from 'vue-demi';
 import { l as useFocus } from '../../index-82dee23f.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
@@ -494,7 +494,6 @@ var script$1 = defineComponent({
     const searchControl = ref();
     const selectionLabelRef = ref();
     const tooltipRef = ref();
-    const isContentTruncated = ref(false);
     // Props
     const {
       modelValue,
@@ -513,14 +512,6 @@ var script$1 = defineComponent({
       var _a;
       return (_a = selection.value) === null || _a === void 0 ? void 0 : _a.label;
     });
-    /* NOTE: using watch here due to async action.
-    Computed don't work since we need not just to track the data but to analyze UI after the re-render */
-    watch(model, async () => {
-      await nextTick();
-      if (selectionLabelRef.value) {
-        isContentTruncated.value = selectionLabelRef.value.scrollWidth > selectionLabelRef.value.clientWidth;
-      }
-    });
     watch(() => props.isOpen, () => {
       var _a;
       (_a = tooltipRef.value) === null || _a === void 0 ? void 0 : _a.close();
@@ -543,6 +534,11 @@ var script$1 = defineComponent({
         searchControl.value.focus();
       }
     }
+    function checkTooltip() {
+      if (!selectionLabelRef.value) return; // to prevent fro TS error; normally ref will always be available here since the method is a mouse event callback
+      const isContentTruncated = selectionLabelRef.value.scrollWidth > selectionLabelRef.value.clientWidth;
+      if (isContentTruncated) openTooltip();
+    }
     return {
       root,
       rootStyles,
@@ -553,11 +549,11 @@ var script$1 = defineComponent({
       selectionLabel,
       focus,
       focused,
-      isContentTruncated,
       selectionLabelRef,
       tooltipRef,
       openTooltip,
-      closeTooltip
+      closeTooltip,
+      checkTooltip
     };
   }
 });
@@ -595,18 +591,16 @@ var __vue_render__$1 = function () {
     ref: "selectionLabelRef",
     staticClass: "truncate w-full",
     on: {
-      "mouseenter": _vm.openTooltip,
-      "mouseleave": function ($event) {
-        _vm.tooltipRef && _vm.tooltipRef.close();
-      }
+      "mouseenter": _vm.checkTooltip,
+      "mouseleave": _vm.closeTooltip
     }
-  }, [_vm._v("\n          " + _vm._s(_vm.selectionLabel) + "\n        ")]), _vm._v(" "), _vm.isContentTruncated ? _c('OrTooltip', {
+  }, [_vm._v("\n          " + _vm._s(_vm.selectionLabel) + "\n        ")]), _vm._v(" "), _c('OrTooltip', {
     ref: "tooltipRef",
     attrs: {
       "content": _vm.selectionLabel,
       "trigger": _vm.selectionLabelRef
     }
-  }) : _vm._e()], 1)]]], 2);
+  })], 1)]]], 2);
 };
 var __vue_staticRenderFns__$1 = [];
 

package/dist/bundled/v2/components/index.js

@@ -44,7 +44,7 @@ export { default as OrConfirm } from './OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './OrConfirmV3/OrConfirm.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-e08ff27a.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-16e613a1.js';
 export { default as OrDateFormatV3 } from './OrDateFormatV3/OrDateFormat.js';
 export { default as OrDatePickerV3 } from './OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateRangePickerV3 } from './OrDateRangePickerV3/OrDateRangePicker.js';

package/dist/bundled/v2/index.js

@@ -18,7 +18,7 @@ export { default as OrCombinedInputV3 } from './components/OrCombinedInputV3/OrC
 export { default as OrConfirm } from './components/OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './components/OrConfirmV3/OrConfirm.js';
 export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, _ as OrDataGridV3 } from './OrDataGrid-e08ff27a.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from './OrDataGrid-16e613a1.js';
 export { default as OrDateFormatV3 } from './components/OrDateFormatV3/OrDateFormat.js';
 export { default as OrDatePickerV3 } from './components/OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateRangePickerV3 } from './components/OrDateRangePickerV3/OrDateRangePicker.js';

package/dist/bundled/v3/components/OrDataGridV3/OrDataGrid.js

@@ -1 +1 @@
-export { s as default } from '../OrDataGridV3-054c0ff2.js';
+export { s as default } from '../OrDataGridV3-61becb11.js';

package/dist/bundled/v3/components/OrDataGridV3/index.js

@@ -1 +1 @@
-export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-054c0ff2.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-61becb11.js';

package/dist/bundled/v3/components/OrDataGridV3/styles.js

@@ -1 +1 @@
-export { a as DataGrid } from '../OrDataGridV3-054c0ff2.js';
+export { a as DataGrid } from '../OrDataGridV3-61becb11.js';

package/dist/bundled/v3/components/{OrDataGridV3-054c0ff2.js → OrDataGridV3-61becb11.js}

@@ -5,7 +5,7 @@ import { s as script$g } from './OrDatePickerV3-b7df1103.js';
 import { s as script$h } from './OrDateTimePickerV3-a996d0ed.js';
 import { s as script$i } from './OrInputV3-335ca448.js';
 import { s as script$j } from './OrRatingV3-e3260da7.js';
-import { s as script$k } from './OrSelectV3-bb7f767d.js';
+import { s as script$k } from './OrSelectV3-b7448701.js';
 import { s as script$l } from './OrSwitchV3-d504bd59.js';
 import { s as script$m } from './OrTagInputV3-2209a961.js';
 import { s as script$n } from './OrTimePickerV3-6dac2d43.js';

package/dist/bundled/v3/components/OrSelectV3/OrSelect.js

@@ -1 +1 @@
-export { s as default } from '../OrSelectV3-bb7f767d.js';
+export { s as default } from '../OrSelectV3-b7448701.js';

package/dist/bundled/v3/components/OrSelectV3/index.js

@@ -1 +1 @@
-export { s as OrSelectV3 } from '../OrSelectV3-bb7f767d.js';
+export { s as OrSelectV3 } from '../OrSelectV3-b7448701.js';

package/dist/bundled/v3/components/OrSelectV3/styles.js

@@ -1 +1 @@
-export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, h as SelectLoader, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-bb7f767d.js';
+export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, h as SelectLoader, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-b7448701.js';

package/dist/bundled/v3/components/{OrSelectV3-bb7f767d.js → OrSelectV3-b7448701.js}

@@ -1,5 +1,5 @@
 import { withDirectives, openBlock, createElementBlock, normalizeStyle, normalizeClass, vModelDynamic, renderSlot, resolveComponent, createVNode, createSlots, withCtx, createTextVNode, toDisplayString, createElementVNode, vShow, createBlock, createCommentVNode, Fragment, resolveDirective, withModifiers, renderList } from 'vue';
-import { defineComponent, ref, toRefs, computed, watch, nextTick, getCurrentInstance } from 'vue-demi';
+import { defineComponent, ref, toRefs, computed, watch, getCurrentInstance } from 'vue-demi';
 import { x as useFocus } from './OrAutocompleteV3-50cc3b22.js';
 import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
 import { s as script$5, T as TagsOverflow } from './OrTagsV3-61415f93.js';
@@ -379,7 +379,6 @@ var script$1 = defineComponent({
     const searchControl = ref();
     const selectionLabelRef = ref();
     const tooltipRef = ref();
-    const isContentTruncated = ref(false);
     // Props
     const {
       modelValue,
@@ -398,14 +397,6 @@ var script$1 = defineComponent({
       var _a;
       return (_a = selection.value) === null || _a === void 0 ? void 0 : _a.label;
     });
-    /* NOTE: using watch here due to async action.
-    Computed don't work since we need not just to track the data but to analyze UI after the re-render */
-    watch(model, async () => {
-      await nextTick();
-      if (selectionLabelRef.value) {
-        isContentTruncated.value = selectionLabelRef.value.scrollWidth > selectionLabelRef.value.clientWidth;
-      }
-    });
     watch(() => props.isOpen, () => {
       var _a;
       (_a = tooltipRef.value) === null || _a === void 0 ? void 0 : _a.close();
@@ -428,6 +419,11 @@ var script$1 = defineComponent({
         searchControl.value.focus();
       }
     }
+    function checkTooltip() {
+      if (!selectionLabelRef.value) return; // to prevent fro TS error; normally ref will always be available here since the method is a mouse event callback
+      const isContentTruncated = selectionLabelRef.value.scrollWidth > selectionLabelRef.value.clientWidth;
+      if (isContentTruncated) openTooltip();
+    }
     return {
       root,
       rootStyles,
@@ -438,11 +434,11 @@ var script$1 = defineComponent({
       selectionLabel,
       focus,
       focused,
-      isContentTruncated,
       selectionLabelRef,
       tooltipRef,
       openTooltip,
-      closeTooltip
+      closeTooltip,
+      checkTooltip
     };
   }
 });
@@ -475,14 +471,13 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["disabled"])) : (openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("div", {
     ref: "selectionLabelRef",
     class: "truncate w-full",
-    onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.openTooltip && _ctx.openTooltip(...args)),
-    onMouseleave: _cache[2] || (_cache[2] = $event => _ctx.tooltipRef && _ctx.tooltipRef.close())
-  }, toDisplayString(_ctx.selectionLabel), 545 /* TEXT, NEED_HYDRATION, NEED_PATCH */), _ctx.isContentTruncated ? (openBlock(), createBlock(_component_OrTooltip, {
-    key: 0,
+    onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.checkTooltip && _ctx.checkTooltip(...args)),
+    onMouseleave: _cache[2] || (_cache[2] = (...args) => _ctx.closeTooltip && _ctx.closeTooltip(...args))
+  }, toDisplayString(_ctx.selectionLabel), 545 /* TEXT, NEED_HYDRATION, NEED_PATCH */), createVNode(_component_OrTooltip, {
     ref: "tooltipRef",
     content: _ctx.selectionLabel,
     trigger: _ctx.selectionLabelRef
-  }, null, 8 /* PROPS */, ["content", "trigger"])) : createCommentVNode("v-if", true)]))], 64 /* STABLE_FRAGMENT */))], 2 /* CLASS */);
+  }, null, 8 /* PROPS */, ["content", "trigger"])]))], 64 /* STABLE_FRAGMENT */))], 2 /* CLASS */);
 }
 
 script$1.render = render$1;

package/dist/bundled/v3/components/index.js

@@ -24,7 +24,7 @@ export { s as OrCombinedInputV3 } from './OrCombinedInputV3-ceff5a22.js';
 export { s as OrConfirm } from './OrConfirm-004d318a.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-7ed78857.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-054c0ff2.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-61becb11.js';
 export { s as OrDateFormatV3 } from './OrDateFormatV3-10e372f9.js';
 export { s as OrDatePickerV3 } from './OrDatePickerV3-b7df1103.js';
 export { s as OrDateRangePickerV3 } from './OrDateRangePickerV3-90be16a0.js';
@@ -93,7 +93,7 @@ export { default as OrSearch } from './OrSearch/OrSearch.js';
 export { default as OrSearchV3 } from './OrSearchV3/OrSearch.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControlV3-99c7f6ed.js';
 export { s as OrSelect } from './OrSelect-eebd1857.js';
-export { s as OrSelectV3 } from './OrSelectV3-bb7f767d.js';
+export { s as OrSelectV3 } from './OrSelectV3-b7448701.js';
 export { OrSidebar, OrSidebarSide } from './OrSidebar/index.js';
 export { s as OrSidebarV3, S as SidebarPlacement } from './OrSidebarV3-f0ed4bc9.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeleton-21203227.js';

package/dist/bundled/v3/index.js

@@ -16,7 +16,7 @@ export { s as OrCombinedInputV3 } from './components/OrCombinedInputV3-ceff5a22.
 export { s as OrConfirm } from './components/OrConfirm-004d318a.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-7ed78857.js';
 export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-054c0ff2.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-61becb11.js';
 export { s as OrDateFormatV3 } from './components/OrDateFormatV3-10e372f9.js';
 export { s as OrDateRangePickerV3 } from './components/OrDateRangePickerV3-90be16a0.js';
 export { s as OrDateTimeFormatV3 } from './components/OrDateTimeFormatV3-295547f5.js';
@@ -116,7 +116,7 @@ export { s as OrRatingV3, R as RatingVariant } from './components/OrRatingV3-e32
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './components/OrResizeablePanelV3-c512dde5.js';
 export { default as OrSearch } from './components/OrSearch/OrSearch.js';
 export { default as OrSearchV3 } from './components/OrSearchV3/OrSearch.js';
-export { s as OrSelectV3 } from './components/OrSelectV3-bb7f767d.js';
+export { s as OrSelectV3 } from './components/OrSelectV3-b7448701.js';
 export { s as OrSortingV3 } from './components/OrSortingV3-c7afa99b.js';
 export { s as OrSwitchV3 } from './components/OrSwitchV3-d504bd59.js';
 export { default as OrTabHeaderItem } from './components/OrTabHeaderItem/OrTabHeaderItem.js';

package/dist/esm/v2/{OrDataGrid-7dc6f16f.js → OrDataGrid-74589615.js}

@@ -5,7 +5,7 @@ import { _ as __vue_component__$h } from './OrSearch-3731baa5.js';
 import './OrSkeletonCircle.vue_rollup-plugin-vue_script-f572f02f.js';
 import './OrSkeletonRect.vue_rollup-plugin-vue_script-d2b78065.js';
 import { _ as __vue_component__$i } from './OrSkeletonText-b6e51e70.js';
-import { _ as __vue_component__$2, a as __vue_component__$3, b as __vue_component__$4, c as __vue_component__$5, d as __vue_component__$6, e as __vue_component__$7, f as __vue_component__$8, g as __vue_component__$9, h as __vue_component__$a, i as __vue_component__$b, j as __vue_component__$c, k as __vue_component__$d, l as __vue_component__$e, m as __vue_component__$f, D as DataGridVariant } from './OrDataGridToolbar-c414c8f2.js';
+import { _ as __vue_component__$2, a as __vue_component__$3, b as __vue_component__$4, c as __vue_component__$5, d as __vue_component__$6, e as __vue_component__$7, f as __vue_component__$8, g as __vue_component__$9, h as __vue_component__$a, i as __vue_component__$b, j as __vue_component__$c, k as __vue_component__$d, l as __vue_component__$e, m as __vue_component__$f, D as DataGridVariant } from './OrDataGridToolbar-303a4c3d.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const DataGrid = [

package/dist/esm/v2/{OrDataGridToolbar-c414c8f2.js → OrDataGridToolbar-303a4c3d.js}

@@ -12,7 +12,7 @@ import { _ as __vue_component__$g } from './OrDateTimePicker-4fba136b.js';
 import './OrDateTimePickerTimeSelect-0ecb4686.js';
 import { _ as __vue_component__$h } from './OrInput-52c9e48e.js';
 import { _ as __vue_component__$i } from './OrRating-7c968949.js';
-import { _ as __vue_component__$j } from './OrSelect-cf1f8c43.js';
+import { _ as __vue_component__$j } from './OrSelect-5e6734f2.js';
 import { _ as __vue_component__$k } from './OrSwitch-783547da.js';
 import { _ as __vue_component__$l } from './OrTagInput-2dd90e11.js';
 import { _ as __vue_component__$m } from './OrTimePicker-db4774fb.js';

package/dist/esm/v2/{OrSelect-cf1f8c43.js → OrSelect-5e6734f2.js}

@@ -25,7 +25,7 @@ import { _ as __vue_component__$b } from './OrPopover-45e2dbce.js';
 import { T as TagsOverflow } from './OrTags-4b35fccf.js';
 import { _ as __vue_component__$e } from './OrLoader-25e123a1.js';
 import { _ as __vue_component__$c } from './OrSelectMultipleControl-aa5891fd.js';
-import { _ as __vue_component__$d } from './OrSelectSingleControl-ba3f3975.js';
+import { _ as __vue_component__$d } from './OrSelectSingleControl-450f2642.js';
 import './OrSelectPlaceholder-a6caa9e0.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrSelectSingleControl-ba3f3975.js → OrSelectSingleControl-450f2642.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, toRefs, computed, watch, nextTick } from 'vue-demi';
+import { defineComponent, ref, toRefs, computed, watch } from 'vue-demi';
 import './TimeFormat-a7f5565b.js';
 import './dom-53c9635b.js';
 import { i as isEmpty } from './isString-cf957a95.js';
@@ -65,7 +65,6 @@ var script = defineComponent({
     const searchControl = ref();
     const selectionLabelRef = ref();
     const tooltipRef = ref();
-    const isContentTruncated = ref(false);
     // Props
     const {
       modelValue,
@@ -84,14 +83,6 @@ var script = defineComponent({
       var _a;
       return (_a = selection.value) === null || _a === void 0 ? void 0 : _a.label;
     });
-    /* NOTE: using watch here due to async action.
-    Computed don't work since we need not just to track the data but to analyze UI after the re-render */
-    watch(model, async () => {
-      await nextTick();
-      if (selectionLabelRef.value) {
-        isContentTruncated.value = selectionLabelRef.value.scrollWidth > selectionLabelRef.value.clientWidth;
-      }
-    });
     watch(() => props.isOpen, () => {
       var _a;
       (_a = tooltipRef.value) === null || _a === void 0 ? void 0 : _a.close();
@@ -114,6 +105,11 @@ var script = defineComponent({
         searchControl.value.focus();
       }
     }
+    function checkTooltip() {
+      if (!selectionLabelRef.value) return; // to prevent fro TS error; normally ref will always be available here since the method is a mouse event callback
+      const isContentTruncated = selectionLabelRef.value.scrollWidth > selectionLabelRef.value.clientWidth;
+      if (isContentTruncated) openTooltip();
+    }
     return {
       root,
       rootStyles,
@@ -124,11 +120,11 @@ var script = defineComponent({
       selectionLabel,
       focus,
       focused,
-      isContentTruncated,
       selectionLabelRef,
       tooltipRef,
       openTooltip,
-      closeTooltip
+      closeTooltip,
+      checkTooltip
     };
   }
 });
@@ -166,18 +162,16 @@ var __vue_render__ = function () {
     ref: "selectionLabelRef",
     staticClass: "truncate w-full",
     on: {
-      "mouseenter": _vm.openTooltip,
-      "mouseleave": function ($event) {
-        _vm.tooltipRef && _vm.tooltipRef.close();
-      }
+      "mouseenter": _vm.checkTooltip,
+      "mouseleave": _vm.closeTooltip
     }
-  }, [_vm._v("\n          " + _vm._s(_vm.selectionLabel) + "\n        ")]), _vm._v(" "), _vm.isContentTruncated ? _c('OrTooltip', {
+  }, [_vm._v("\n          " + _vm._s(_vm.selectionLabel) + "\n        ")]), _vm._v(" "), _c('OrTooltip', {
     ref: "tooltipRef",
     attrs: {
       "content": _vm.selectionLabel,
       "trigger": _vm.selectionLabelRef
     }
-  }) : _vm._e()], 1)]]], 2);
+  })], 1)]]], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/esm/v2/components/index.js

@@ -34,8 +34,8 @@ export { _ as OrCombinedInputV3 } from '../OrCombinedInput-da2fc9f0.js';
 export { _ as OrConfirm } from '../OrConfirm-8f6d47e1.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-e5d286c5.js';
 export { _ as OrContextMenuV3 } from '../OrContextMenu-a6fee3eb.js';
-export { _ as OrDataGridV3 } from '../OrDataGrid-7dc6f16f.js';
-export { D as DataGridVariant } from '../OrDataGridToolbar-c414c8f2.js';
+export { _ as OrDataGridV3 } from '../OrDataGrid-74589615.js';
+export { D as DataGridVariant } from '../OrDataGridToolbar-303a4c3d.js';
 export { _ as OrDateFormatV3 } from '../OrDateFormat-d5b6fe55.js';
 export { _ as OrDatePickerV3 } from '../OrDatePicker-c923babb.js';
 export { _ as OrDateRangePickerV3 } from '../OrDateRangePicker-bc3c6062.js';
@@ -112,7 +112,7 @@ export { _ as OrSearch } from '../OrSearch-9c4cd6ca.js';
 export { _ as OrSearchV3 } from '../OrSearch-3731baa5.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-047e2414.js';
 export { _ as OrSelect } from '../OrSelect-1df35160.js';
-export { _ as OrSelectV3 } from '../OrSelect-cf1f8c43.js';
+export { _ as OrSelectV3 } from '../OrSelect-5e6734f2.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-054b26c6.js';
 export { _ as OrSidebarV3, S as SidebarPlacement } from '../props-dc3db737.js';
 export { _ as OrSkeletonCircle } from '../OrSkeletonCircle-c4bf0e34.js';
@@ -243,7 +243,7 @@ import '../OrSelectMultipleControl-aa5891fd.js';
 import '../isEqual-15f4b2f5.js';
 import '../OrSelectControlInput-31d24ab9.js';
 import '../OrSelectPlaceholder-a6caa9e0.js';
-import '../OrSelectSingleControl-ba3f3975.js';
+import '../OrSelectSingleControl-450f2642.js';
 import 'lodash/range';
 import '../useOverflow-5a08887e.js';
 import 'portal-vue/dist/portal-vue.esm.js';

package/dist/esm/v2/components/or-data-grid-v3/index.js

@@ -1,5 +1,5 @@
-export { _ as OrDataGridV3 } from '../../OrDataGrid-7dc6f16f.js';
-export { D as DataGridVariant } from '../../OrDataGridToolbar-c414c8f2.js';
+export { _ as OrDataGridV3 } from '../../OrDataGrid-74589615.js';
+export { D as DataGridVariant } from '../../OrDataGridToolbar-303a4c3d.js';
 import 'vue-demi';
 import '../../OrCheckbox-f2dc364e.js';
 import '../../useIdAttribute-3a339b79.js';
@@ -63,7 +63,7 @@ import '../../formatTime-3f37a00f.js';
 import '../../getCurrentDate-e5a478c3.js';
 import '../../OrDateTimePicker-4fba136b.js';
 import '../../OrRating-7c968949.js';
-import '../../OrSelect-cf1f8c43.js';
+import '../../OrSelect-5e6734f2.js';
 import '../../isString-cf957a95.js';
 import '../../isNull-7ae26d1d.js';
 import '../../isObject-4d5300e9.js';
@@ -77,7 +77,7 @@ import '../../OrSelectMultipleControl-aa5891fd.js';
 import '../../isEqual-15f4b2f5.js';
 import '../../OrSelectControlInput-31d24ab9.js';
 import '../../OrSelectPlaceholder-a6caa9e0.js';
-import '../../OrSelectSingleControl-ba3f3975.js';
+import '../../OrSelectSingleControl-450f2642.js';
 import '../../OrSwitch-783547da.js';
 import '../../OrTagInput-2dd90e11.js';
 import '../../OrTimePicker-db4774fb.js';

package/dist/esm/v2/components/or-data-grid-v3/partials/index.js

@@ -1,4 +1,4 @@
-export { _ as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridTablePlaceholder, m as OrDataGridToolbar } from '../../../OrDataGridToolbar-c414c8f2.js';
+export { _ as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridTablePlaceholder, m as OrDataGridToolbar } from '../../../OrDataGridToolbar-303a4c3d.js';
 import 'vue-demi';
 import '../../../normalize-component-6e8e3d80.js';
 import '../../../TimeFormat-a7f5565b.js';
@@ -54,7 +54,7 @@ import '../../../OrDateTimePicker-4fba136b.js';
 import '../../../OrInput-52c9e48e.js';
 import '../../../useValidationAttributes-257954f3.js';
 import '../../../OrRating-7c968949.js';
-import '../../../OrSelect-cf1f8c43.js';
+import '../../../OrSelect-5e6734f2.js';
 import '../../../isString-cf957a95.js';
 import '../../../isNull-7ae26d1d.js';
 import '../../../isObject-4d5300e9.js';
@@ -68,7 +68,7 @@ import '../../../OrSelectMultipleControl-aa5891fd.js';
 import '../../../isEqual-15f4b2f5.js';
 import '../../../OrSelectControlInput-31d24ab9.js';
 import '../../../OrSelectPlaceholder-a6caa9e0.js';
-import '../../../OrSelectSingleControl-ba3f3975.js';
+import '../../../OrSelectSingleControl-450f2642.js';
 import '../../../OrSwitch-783547da.js';
 import '../../../OrTagInput-2dd90e11.js';
 import '../../../OrTimePicker-db4774fb.js';

package/dist/esm/v2/components/or-select-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrSelectV3 } from '../../OrSelect-cf1f8c43.js';
+export { _ as OrSelectV3 } from '../../OrSelect-5e6734f2.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
 import '../../include-2a81e823.js';
@@ -56,4 +56,4 @@ import '../../OrSelectMultipleControl-aa5891fd.js';
 import '../../isEqual-15f4b2f5.js';
 import '../../OrSelectControlInput-31d24ab9.js';
 import '../../OrSelectPlaceholder-a6caa9e0.js';
-import '../../OrSelectSingleControl-ba3f3975.js';
+import '../../OrSelectSingleControl-450f2642.js';

package/dist/esm/v2/components/or-select-v3/partials/index.js

@@ -1,5 +1,5 @@
 export { _ as OrSelectMultipleControl } from '../../../OrSelectMultipleControl-aa5891fd.js';
-export { _ as OrSelectSingleControl } from '../../../OrSelectSingleControl-ba3f3975.js';
+export { _ as OrSelectSingleControl } from '../../../OrSelectSingleControl-450f2642.js';
 export { _ as OrSelectPlaceholder } from '../../../OrSelectPlaceholder-a6caa9e0.js';
 import 'vue-demi';
 import '../../../TimeFormat-a7f5565b.js';

package/dist/esm/v2/components/or-select-v3/partials/or-select-single-control/OrSelectSingleControl.vue.d.ts

@@ -39,11 +39,11 @@ declare const _default: import("vue-demi").DefineComponent<{
     selectionLabel: import("vue-demi").ComputedRef<string | undefined>;
     focus: () => void;
     focused: import("vue-demi").ComputedRef<any>;
-    isContentTruncated: import("vue-demi").Ref<boolean>;
     selectionLabelRef: import("vue-demi").Ref<HTMLDialogElement | undefined>;
     tooltipRef: import("vue-demi").Ref<any>;
     openTooltip: () => void;
     closeTooltip: () => void;
+    checkTooltip: () => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;

package/dist/esm/v2/components/or-select-v3/partials/or-select-single-control/index.js

@@ -1,4 +1,4 @@
-export { _ as OrSelectSingleControl } from '../../../../OrSelectSingleControl-ba3f3975.js';
+export { _ as OrSelectSingleControl } from '../../../../OrSelectSingleControl-450f2642.js';
 import 'vue-demi';
 import '../../../../TimeFormat-a7f5565b.js';
 import '../../../../dom-53c9635b.js';

package/dist/esm/v2/index.js

@@ -34,8 +34,8 @@ export { _ as OrCombinedInputV3 } from './OrCombinedInput-da2fc9f0.js';
 export { _ as OrConfirm } from './OrConfirm-8f6d47e1.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-e5d286c5.js';
 export { _ as OrContextMenuV3 } from './OrContextMenu-a6fee3eb.js';
-export { _ as OrDataGridV3 } from './OrDataGrid-7dc6f16f.js';
-export { D as DataGridVariant } from './OrDataGridToolbar-c414c8f2.js';
+export { _ as OrDataGridV3 } from './OrDataGrid-74589615.js';
+export { D as DataGridVariant } from './OrDataGridToolbar-303a4c3d.js';
 export { _ as OrDateFormatV3 } from './OrDateFormat-d5b6fe55.js';
 export { _ as OrDatePickerV3 } from './OrDatePicker-c923babb.js';
 export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-bc3c6062.js';
@@ -112,7 +112,7 @@ export { _ as OrSearch } from './OrSearch-9c4cd6ca.js';
 export { _ as OrSearchV3 } from './OrSearch-3731baa5.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-047e2414.js';
 export { _ as OrSelect } from './OrSelect-1df35160.js';
-export { _ as OrSelectV3 } from './OrSelect-cf1f8c43.js';
+export { _ as OrSelectV3 } from './OrSelect-5e6734f2.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-054b26c6.js';
 export { _ as OrSidebarV3, S as SidebarPlacement } from './props-dc3db737.js';
 export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';
@@ -245,7 +245,7 @@ import 'lodash/keyBy';
 import './OrSelectMultipleControl-aa5891fd.js';
 import './OrSelectControlInput-31d24ab9.js';
 import './OrSelectPlaceholder-a6caa9e0.js';
-import './OrSelectSingleControl-ba3f3975.js';
+import './OrSelectSingleControl-450f2642.js';
 import 'lodash/range';
 import 'portal-vue/dist/portal-vue.esm.js';
 import 'portal-vue';

package/dist/esm/v3/{OrDataGrid-a91f8a87.js → OrDataGrid-f56e2527.js}

@@ -5,7 +5,7 @@ import { s as script$h } from './OrSearch-7d90b23b.js';
 import './OrSkeletonCircle-a3eb5f53.js';
 import './OrSkeletonRect-d0b8b2cf.js';
 import { s as script$i } from './OrSkeletonText-5e9579c1.js';
-import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, m as script$f, D as DataGridVariant } from './OrDataGridToolbar-8bebd1fd.js';
+import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, m as script$f, D as DataGridVariant } from './OrDataGridToolbar-8fedec74.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createSlots, withCtx, renderSlot, createVNode, createCommentVNode, normalizeStyle, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
 
 const DataGrid = [

package/dist/esm/v3/{OrDataGridToolbar-8bebd1fd.js → OrDataGridToolbar-8fedec74.js}

@@ -12,7 +12,7 @@ import { s as script$g } from './OrDateTimePicker-ef43a321.js';
 import './OrDateTimePickerTimeSelect-8ecd5e17.js';
 import { s as script$h } from './OrInput-684d592e.js';
 import { s as script$i } from './OrRating-7c2f8e4d.js';
-import { s as script$j } from './OrSelect-27c013b2.js';
+import { s as script$j } from './OrSelect-1274c0d1.js';
 import { s as script$k } from './OrSwitch-0fb0d361.js';
 import { s as script$l } from './OrTagInput-fb3e1714.js';
 import { s as script$m } from './OrTimePicker-e042d71a.js';

package/dist/esm/v3/{OrSelect-27c013b2.js → OrSelect-1274c0d1.js}

@@ -24,7 +24,7 @@ import { s as script$b } from './OrPopover-0daeba14.js';
 import { T as TagsOverflow } from './OrTags-660ca32e.js';
 import { s as script$e } from './OrLoader-472e965e.js';
 import { s as script$c } from './OrSelectMultipleControl-a22cec0a.js';
-import { s as script$d } from './OrSelectSingleControl-722043c2.js';
+import { s as script$d } from './OrSelectSingleControl-93cdab5b.js';
 import './OrSelectPlaceholder-81502228.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, withModifiers, createVNode, vShow, Fragment, renderList } from 'vue';
 

package/dist/esm/v3/{OrSelectSingleControl-722043c2.js → OrSelectSingleControl-93cdab5b.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, toRefs, computed, watch, nextTick } from 'vue-demi';
+import { defineComponent, ref, toRefs, computed, watch } from 'vue-demi';
 import './TimeFormat-a7f5565b.js';
 import './dom-53c9635b.js';
 import { i as isEmpty } from './isString-cf957a95.js';
@@ -10,7 +10,7 @@ import '@onereach/styles/tailwind.config.json';
 import { s as script$2 } from './OrSelectControlInput-e0116b29.js';
 import { s as script$1 } from './OrSelectPlaceholder-81502228.js';
 import { s as script$3 } from './OrTooltip-77d97056.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, Fragment, withCtx, createTextVNode, toDisplayString, createElementVNode, createCommentVNode } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, Fragment, withCtx, createTextVNode, toDisplayString, createElementVNode, createVNode } from 'vue';
 
 const SelectSingleControlInput = [
 // Layout
@@ -65,7 +65,6 @@ var script = defineComponent({
     const searchControl = ref();
     const selectionLabelRef = ref();
     const tooltipRef = ref();
-    const isContentTruncated = ref(false);
     // Props
     const {
       modelValue,
@@ -84,14 +83,6 @@ var script = defineComponent({
       var _a;
       return (_a = selection.value) === null || _a === void 0 ? void 0 : _a.label;
     });
-    /* NOTE: using watch here due to async action.
-    Computed don't work since we need not just to track the data but to analyze UI after the re-render */
-    watch(model, async () => {
-      await nextTick();
-      if (selectionLabelRef.value) {
-        isContentTruncated.value = selectionLabelRef.value.scrollWidth > selectionLabelRef.value.clientWidth;
-      }
-    });
     watch(() => props.isOpen, () => {
       var _a;
       (_a = tooltipRef.value) === null || _a === void 0 ? void 0 : _a.close();
@@ -114,6 +105,11 @@ var script = defineComponent({
         searchControl.value.focus();
       }
     }
+    function checkTooltip() {
+      if (!selectionLabelRef.value) return; // to prevent fro TS error; normally ref will always be available here since the method is a mouse event callback
+      const isContentTruncated = selectionLabelRef.value.scrollWidth > selectionLabelRef.value.clientWidth;
+      if (isContentTruncated) openTooltip();
+    }
     return {
       root,
       rootStyles,
@@ -124,11 +120,11 @@ var script = defineComponent({
       selectionLabel,
       focus,
       focused,
-      isContentTruncated,
       selectionLabelRef,
       tooltipRef,
       openTooltip,
-      closeTooltip
+      closeTooltip,
+      checkTooltip
     };
   }
 });
@@ -161,14 +157,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["disabled"])) : (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
     ref: "selectionLabelRef",
     class: "truncate w-full",
-    onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.openTooltip && _ctx.openTooltip(...args)),
-    onMouseleave: _cache[2] || (_cache[2] = $event => _ctx.tooltipRef && _ctx.tooltipRef.close())
-  }, toDisplayString(_ctx.selectionLabel), 545 /* TEXT, NEED_HYDRATION, NEED_PATCH */), _ctx.isContentTruncated ? (openBlock(), createBlock(_component_OrTooltip, {
-    key: 0,
+    onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.checkTooltip && _ctx.checkTooltip(...args)),
+    onMouseleave: _cache[2] || (_cache[2] = (...args) => _ctx.closeTooltip && _ctx.closeTooltip(...args))
+  }, toDisplayString(_ctx.selectionLabel), 545 /* TEXT, NEED_HYDRATION, NEED_PATCH */), createVNode(_component_OrTooltip, {
     ref: "tooltipRef",
     content: _ctx.selectionLabel,
     trigger: _ctx.selectionLabelRef
-  }, null, 8 /* PROPS */, ["content", "trigger"])) : createCommentVNode("v-if", true)]))], 64 /* STABLE_FRAGMENT */))], 2 /* CLASS */);
+  }, null, 8 /* PROPS */, ["content", "trigger"])]))], 64 /* STABLE_FRAGMENT */))], 2 /* CLASS */);
 }
 
 script.render = render;

package/dist/esm/v3/components/index.js

@@ -32,8 +32,8 @@ export { s as OrCombinedInputV3 } from '../OrCombinedInput-75b556fa.js';
 export { s as OrConfirm } from '../OrConfirm-05a78778.js';
 export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-f47d7230.js';
 export { s as OrContextMenuV3 } from '../OrContextMenu-d8c71891.js';
-export { s as OrDataGridV3 } from '../OrDataGrid-a91f8a87.js';
-export { D as DataGridVariant } from '../OrDataGridToolbar-8bebd1fd.js';
+export { s as OrDataGridV3 } from '../OrDataGrid-f56e2527.js';
+export { D as DataGridVariant } from '../OrDataGridToolbar-8fedec74.js';
 export { s as OrDateFormatV3 } from '../OrDateFormat-5a4af897.js';
 export { s as OrDatePickerV3 } from '../OrDatePicker-f0457c2a.js';
 export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-fbf1430a.js';
@@ -109,7 +109,7 @@ export { s as OrSearch } from '../OrSearch-4192737e.js';
 export { s as OrSearchV3 } from '../OrSearch-7d90b23b.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-5dd163fb.js';
 export { s as OrSelect } from '../OrSelect-2c033afb.js';
-export { s as OrSelectV3 } from '../OrSelect-27c013b2.js';
+export { s as OrSelectV3 } from '../OrSelect-1274c0d1.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-4ab42b93.js';
 export { s as OrSidebarV3, S as SidebarPlacement } from '../props-413bed7b.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';
@@ -231,7 +231,7 @@ import '../OrSelectMultipleControl-a22cec0a.js';
 import '../isEqual-15f4b2f5.js';
 import '../OrSelectControlInput-e0116b29.js';
 import '../OrSelectPlaceholder-81502228.js';
-import '../OrSelectSingleControl-722043c2.js';
+import '../OrSelectSingleControl-93cdab5b.js';
 import 'lodash/range';
 import '../styles-ed564e39.js';
 import '../useOverflow-5a08887e.js';

package/dist/esm/v3/components/or-data-grid-v3/index.js

@@ -1,5 +1,5 @@
-export { s as OrDataGridV3 } from '../../OrDataGrid-a91f8a87.js';
-export { D as DataGridVariant } from '../../OrDataGridToolbar-8bebd1fd.js';
+export { s as OrDataGridV3 } from '../../OrDataGrid-f56e2527.js';
+export { D as DataGridVariant } from '../../OrDataGridToolbar-8fedec74.js';
 import 'vue-demi';
 import '../../OrCheckbox-e353ee89.js';
 import '../../useIdAttribute-3a339b79.js';
@@ -59,7 +59,7 @@ import '../../useTimeMask-a1c090c1.js';
 import '../../formatTime-3f37a00f.js';
 import '../../getCurrentDate-e5a478c3.js';
 import '../../OrRating-7c2f8e4d.js';
-import '../../OrSelect-27c013b2.js';
+import '../../OrSelect-1274c0d1.js';
 import '../../isString-cf957a95.js';
 import '../../isNull-7ae26d1d.js';
 import '../../isObject-4d5300e9.js';
@@ -73,7 +73,7 @@ import '../../OrSelectMultipleControl-a22cec0a.js';
 import '../../isEqual-15f4b2f5.js';
 import '../../OrSelectControlInput-e0116b29.js';
 import '../../OrSelectPlaceholder-81502228.js';
-import '../../OrSelectSingleControl-722043c2.js';
+import '../../OrSelectSingleControl-93cdab5b.js';
 import '../../OrSwitch-0fb0d361.js';
 import '../../OrTagInput-fb3e1714.js';
 import '../../OrTimePicker-e042d71a.js';

package/dist/esm/v3/components/or-data-grid-v3/partials/index.js

@@ -1,4 +1,4 @@
-export { s as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridTablePlaceholder, m as OrDataGridToolbar } from '../../../OrDataGridToolbar-8bebd1fd.js';
+export { s as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridTablePlaceholder, m as OrDataGridToolbar } from '../../../OrDataGridToolbar-8fedec74.js';
 import 'vue-demi';
 import 'vue';
 import '../../../TimeFormat-a7f5565b.js';
@@ -50,7 +50,7 @@ import '../../../getCurrentDate-e5a478c3.js';
 import '../../../OrInput-684d592e.js';
 import '../../../useValidationAttributes-257954f3.js';
 import '../../../OrRating-7c2f8e4d.js';
-import '../../../OrSelect-27c013b2.js';
+import '../../../OrSelect-1274c0d1.js';
 import '../../../isString-cf957a95.js';
 import '../../../isNull-7ae26d1d.js';
 import '../../../isObject-4d5300e9.js';
@@ -64,7 +64,7 @@ import '../../../OrSelectMultipleControl-a22cec0a.js';
 import '../../../isEqual-15f4b2f5.js';
 import '../../../OrSelectControlInput-e0116b29.js';
 import '../../../OrSelectPlaceholder-81502228.js';
-import '../../../OrSelectSingleControl-722043c2.js';
+import '../../../OrSelectSingleControl-93cdab5b.js';
 import '../../../OrSwitch-0fb0d361.js';
 import '../../../OrTagInput-fb3e1714.js';
 import '../../../OrTimePicker-e042d71a.js';

package/dist/esm/v3/components/or-select-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect-27c013b2.js';
+export { s as OrSelectV3 } from '../../OrSelect-1274c0d1.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
 import '../../include-2a81e823.js';
@@ -53,4 +53,4 @@ import '../../OrSelectMultipleControl-a22cec0a.js';
 import '../../isEqual-15f4b2f5.js';
 import '../../OrSelectControlInput-e0116b29.js';
 import '../../OrSelectPlaceholder-81502228.js';
-import '../../OrSelectSingleControl-722043c2.js';
+import '../../OrSelectSingleControl-93cdab5b.js';

package/dist/esm/v3/components/or-select-v3/partials/index.js

@@ -1,5 +1,5 @@
 export { s as OrSelectMultipleControl } from '../../../OrSelectMultipleControl-a22cec0a.js';
-export { s as OrSelectSingleControl } from '../../../OrSelectSingleControl-722043c2.js';
+export { s as OrSelectSingleControl } from '../../../OrSelectSingleControl-93cdab5b.js';
 export { s as OrSelectPlaceholder } from '../../../OrSelectPlaceholder-81502228.js';
 import 'vue-demi';
 import '../../../TimeFormat-a7f5565b.js';

package/dist/esm/v3/components/or-select-v3/partials/or-select-single-control/OrSelectSingleControl.vue.d.ts

@@ -39,11 +39,11 @@ declare const _default: import("vue-demi").DefineComponent<{
     selectionLabel: import("vue-demi").ComputedRef<string | undefined>;
     focus: () => void;
     focused: import("vue-demi").ComputedRef<any>;
-    isContentTruncated: import("vue-demi").Ref<boolean>;
     selectionLabelRef: import("vue-demi").Ref<HTMLDialogElement | undefined>;
     tooltipRef: import("vue-demi").Ref<any>;
     openTooltip: () => void;
     closeTooltip: () => void;
+    checkTooltip: () => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;

package/dist/esm/v3/components/or-select-v3/partials/or-select-single-control/index.js

@@ -1,4 +1,4 @@
-export { s as OrSelectSingleControl } from '../../../../OrSelectSingleControl-722043c2.js';
+export { s as OrSelectSingleControl } from '../../../../OrSelectSingleControl-93cdab5b.js';
 import 'vue-demi';
 import '../../../../TimeFormat-a7f5565b.js';
 import '../../../../dom-53c9635b.js';

package/dist/esm/v3/index.js

@@ -32,8 +32,8 @@ export { s as OrCombinedInputV3 } from './OrCombinedInput-75b556fa.js';
 export { s as OrConfirm } from './OrConfirm-05a78778.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-f47d7230.js';
 export { s as OrContextMenuV3 } from './OrContextMenu-d8c71891.js';
-export { s as OrDataGridV3 } from './OrDataGrid-a91f8a87.js';
-export { D as DataGridVariant } from './OrDataGridToolbar-8bebd1fd.js';
+export { s as OrDataGridV3 } from './OrDataGrid-f56e2527.js';
+export { D as DataGridVariant } from './OrDataGridToolbar-8fedec74.js';
 export { s as OrDateFormatV3 } from './OrDateFormat-5a4af897.js';
 export { s as OrDatePickerV3 } from './OrDatePicker-f0457c2a.js';
 export { s as OrDateRangePickerV3 } from './OrDateRangePicker-fbf1430a.js';
@@ -109,7 +109,7 @@ export { s as OrSearch } from './OrSearch-4192737e.js';
 export { s as OrSearchV3 } from './OrSearch-7d90b23b.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-5dd163fb.js';
 export { s as OrSelect } from './OrSelect-2c033afb.js';
-export { s as OrSelectV3 } from './OrSelect-27c013b2.js';
+export { s as OrSelectV3 } from './OrSelect-1274c0d1.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-4ab42b93.js';
 export { s as OrSidebarV3, S as SidebarPlacement } from './props-413bed7b.js';
 export { s as OrSkeletonCircle } from './OrSkeletonCircle-66e175a0.js';
@@ -233,7 +233,7 @@ import 'lodash/keyBy';
 import './OrSelectMultipleControl-a22cec0a.js';
 import './OrSelectControlInput-e0116b29.js';
 import './OrSelectPlaceholder-81502228.js';
-import './OrSelectSingleControl-722043c2.js';
+import './OrSelectSingleControl-93cdab5b.js';
 import 'lodash/range';
 import './styles-ed564e39.js';
 import 'lodash/isNil';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "17.1.0",
+  "version": "17.2.0-beta.4875.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -179,6 +179,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "e62d323f47f897886eaed44fd9eba500491717e8"
+  }
 }

package/src/components/or-select-v3/partials/or-select-single-control/OrSelectSingleControl.vue

@@ -23,13 +23,12 @@
           <div
             ref="selectionLabelRef"
             class="truncate w-full"
-            @mouseenter="openTooltip"
-            @mouseleave="tooltipRef && tooltipRef.close()"
+            @mouseenter="checkTooltip"
+            @mouseleave="closeTooltip"
           >
             {{ selectionLabel }}
           </div>
           <OrTooltip
-            v-if="isContentTruncated"
             ref="tooltipRef"
             :content="selectionLabel"
             :trigger="selectionLabelRef"
@@ -41,7 +40,8 @@
 </template>
 
 <script lang="ts">
-import { PropType, computed, defineComponent, ref, toRefs, watch, nextTick } from 'vue-demi';
+import { PropType, computed, defineComponent, ref, toRefs, watch } from 'vue-demi';
+
 import { useProxyModelValue } from '../../../../hooks';
 import { isEmpty, isEqual } from '../../../../utils';
 import { SelectItem, SelectModelValue } from '../../types';
@@ -118,7 +118,6 @@ export default defineComponent({
     const searchControl = ref<InstanceType<typeof OrSelectControlInput>>();
     const selectionLabelRef = ref<HTMLDialogElement>();
     const tooltipRef = ref<InstanceType<typeof OrTooltip>>();
-    const isContentTruncated = ref(false);
 
     // Props
     const { modelValue, model, options } = toRefs(props);
@@ -138,15 +137,6 @@ export default defineComponent({
       return selection.value?.label;
     });
 
-    /* NOTE: using watch here due to async action.
-    Computed don't work since we need not just to track the data but to analyze UI after the re-render */
-    watch(model, async () => {
-      await nextTick();
-      if (selectionLabelRef.value) {
-        isContentTruncated.value = selectionLabelRef.value.scrollWidth > selectionLabelRef.value.clientWidth;
-      }
-    });
-
     watch(
       () => props.isOpen,
       () => {
@@ -179,6 +169,12 @@ export default defineComponent({
       }
     }
 
+    function checkTooltip() {
+      if (!selectionLabelRef.value) return; // to prevent fro TS error; normally ref will always be available here since the method is a mouse event callback
+      const isContentTruncated = selectionLabelRef.value.scrollWidth > selectionLabelRef.value.clientWidth;
+      if (isContentTruncated) openTooltip();
+    }
+
     return {
       root,
       rootStyles,
@@ -189,11 +185,11 @@ export default defineComponent({
       selectionLabel,
       focus,
       focused,
-      isContentTruncated,
       selectionLabelRef,
       tooltipRef,
       openTooltip,
       closeTooltip,
+      checkTooltip,
     };
   },
 });