@onereach/ui-components 17.1.0 → 17.1.2

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';
@@ -47,7 +47,7 @@ export { f as formatDate, a as formatTime } from '../formatTime-3f37a00f.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from '../getCurrentDate-e5a478c3.js';
 export { g as getNextMonthDate } from '../getNextMonthDate-8ec29631.js';
 export { D as DrawerPlacement, _ as OrDrawerV3 } from '../OrDrawer-ac6cdc09.js';
-export { D as DropAreaSize, _ as OrDropAreaV3 } from '../OrDropArea-7cf24c23.js';
+export { D as DropAreaSize, _ as OrDropAreaV3 } from '../OrDropArea-78f52187.js';
 export { a as approximateFileSize } from '../approximateFileSize-a48b356b.js';
 export { E as EditorTabsOverflow, _ as OrEditorTabsV3 } from '../OrEditorTabs-17d79ae1.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from '../OrEmptyState-186f7abc.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-drop-area-v3/OrDropArea.vue.d.ts

@@ -26,6 +26,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
@@ -35,6 +39,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     textEmphasisStyles: import("vue-demi").ComputedRef<string[]>;
     constraintsStyles: import("vue-demi").ComputedRef<string[]>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<File[]>;
+    accept: import("vue-demi").ComputedRef<string>;
     invalid: import("vue-demi").ComputedRef<boolean>;
     onChange: (event: Event) => void;
     isDesktop: import("vue-demi").ComputedRef<boolean>;
@@ -65,6 +70,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -74,5 +83,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     maxFileSize: number;
     size: "m" | "s";
     disabled: boolean;
+    error: boolean;
 }>;
 export default _default;

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

@@ -1,4 +1,4 @@
-export { D as DropAreaSize, _ as OrDropAreaV3 } from '../../OrDropArea-7cf24c23.js';
+export { D as DropAreaSize, _ as OrDropAreaV3 } from '../../OrDropArea-78f52187.js';
 export { a as approximateFileSize } from '../../approximateFileSize-a48b356b.js';
 import 'vue-demi';
 import '../../TimeFormat-a7f5565b.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';
@@ -47,7 +47,7 @@ export { f as formatDate, a as formatTime } from './formatTime-3f37a00f.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from './getCurrentDate-e5a478c3.js';
 export { g as getNextMonthDate } from './getNextMonthDate-8ec29631.js';
 export { D as DrawerPlacement, _ as OrDrawerV3 } from './OrDrawer-ac6cdc09.js';
-export { D as DropAreaSize, _ as OrDropAreaV3 } from './OrDropArea-7cf24c23.js';
+export { D as DropAreaSize, _ as OrDropAreaV3 } from './OrDropArea-78f52187.js';
 export { a as approximateFileSize } from './approximateFileSize-a48b356b.js';
 export { E as EditorTabsOverflow, _ as OrEditorTabsV3 } from './OrEditorTabs-17d79ae1.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-186f7abc.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/{OrDropArea-24fe94e7.js → OrDropArea-8b3fc35c.js}

@@ -119,6 +119,10 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
+    },
+    error: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['update:modelValue'],
@@ -135,13 +139,34 @@ var script = defineComponent({
     const constraintsStyles = computed(() => [...DropAreaConstraints]);
     // State
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const accept = computed(() => {
+      if (!props.fileTypes || !Array.isArray(props.fileTypes)) return '';
+      return props.fileTypes.join(',');
+    });
     const invalid = computed(() => {
-      if (props.fileTypes.length > 0 && proxyModelValue.value.some(file => !props.fileTypes.includes(file.type))) {
+      /* External error */
+      if (props.error) return true;
+      /* No validation provided */
+      if (!props.fileTypes) return false;
+      /* File type match: strict and non-strict MIME-type comparison */
+      if (props.fileTypes.length > 0 && proxyModelValue.value.some(file => {
+        let match = props.fileTypes.some(fileType => {
+          if (fileType.match(/\/\*$/)) {
+            const baseType = fileType.replace('/*', '');
+            return file.type.indexOf(baseType) !== -1;
+          } else {
+            return file.type === fileType;
+          }
+        });
+        return !match;
+      })) {
         return true;
       }
+      /* Files count */
       if (proxyModelValue.value.length > props.maxFiles) {
         return true;
       }
+      /* File size */
       if (proxyModelValue.value.some(file => file.size > props.maxFileSize)) {
         return true;
       }
@@ -165,6 +190,7 @@ var script = defineComponent({
       textEmphasisStyles,
       constraintsStyles,
       proxyModelValue,
+      accept,
       invalid,
       onChange,
       isDesktop,
@@ -192,7 +218,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [createElementVNode("input", {
     class: normalizeClass(_ctx.controlStyles),
     type: 'file',
-    accept: _ctx.fileTypes.join(','),
+    accept: _ctx.accept,
     multiple: _ctx.maxFiles > 1,
     disabled: _ctx.disabled,
     onChange: _cache[0] || (_cache[0] = $event => _ctx.onChange($event))

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';
@@ -45,7 +45,7 @@ export { f as formatDate, a as formatTime } from '../formatTime-3f37a00f.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from '../getCurrentDate-e5a478c3.js';
 export { g as getNextMonthDate } from '../getNextMonthDate-8ec29631.js';
 export { D as DrawerPlacement, s as OrDrawerV3 } from '../OrDrawer-f12faf1a.js';
-export { D as DropAreaSize, s as OrDropAreaV3 } from '../OrDropArea-24fe94e7.js';
+export { D as DropAreaSize, s as OrDropAreaV3 } from '../OrDropArea-8b3fc35c.js';
 export { a as approximateFileSize } from '../approximateFileSize-a48b356b.js';
 export { E as EditorTabsOverflow, s as OrEditorTabsV3 } from '../OrEditorTabs-d5779ee7.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState-47f9d910.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-drop-area-v3/OrDropArea.vue.d.ts

@@ -26,6 +26,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
@@ -35,6 +39,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     textEmphasisStyles: import("vue-demi").ComputedRef<string[]>;
     constraintsStyles: import("vue-demi").ComputedRef<string[]>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<File[]>;
+    accept: import("vue-demi").ComputedRef<string>;
     invalid: import("vue-demi").ComputedRef<boolean>;
     onChange: (event: Event) => void;
     isDesktop: import("vue-demi").ComputedRef<boolean>;
@@ -65,6 +70,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -74,5 +83,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     maxFileSize: number;
     size: "m" | "s";
     disabled: boolean;
+    error: boolean;
 }>;
 export default _default;

package/dist/esm/v3/components/or-drop-area-v3/index.js

@@ -1,4 +1,4 @@
-export { D as DropAreaSize, s as OrDropAreaV3 } from '../../OrDropArea-24fe94e7.js';
+export { D as DropAreaSize, s as OrDropAreaV3 } from '../../OrDropArea-8b3fc35c.js';
 export { a as approximateFileSize } from '../../approximateFileSize-a48b356b.js';
 import 'vue-demi';
 import '../../TimeFormat-a7f5565b.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';