@onereach/ui-components 21.4.1 → 21.4.2

package/dist/esm/components/or-select-v3/OrSelect.vue.d.ts

@@ -111,6 +111,7 @@ declare const _default: import("vue").DefineComponent<{
     proxyModelValue: import("@onereach/ui-components-common/hooks").UseProxyModelValueReturn<SelectModelValue>;
     readonly: import("vue").ComputedRef<boolean>;
     isEmptyModelValue: import("vue").ComputedRef<boolean>;
+    isOpen: import("vue").ComputedRef<boolean>;
     showClear: import("vue").ComputedRef<boolean>;
     searchText: import("vue").Ref<string>;
     internalSearchOptions: import("vue").Ref<{

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, toRefs, computed, withDirectives, openBlock, createElementBlock, normalizeStyle, normalizeClass, vModelDynamic, renderSlot, watch, resolveComponent, createVNode, createSlots, withCtx, createTextVNode, toDisplayString, createElementVNode, vShow, createBlock, createCommentVNode, Fragment, getCurrentInstance, resolveDirective, withModifiers, renderList } from 'vue';
+import { defineComponent, ref, toRefs, computed, withDirectives, openBlock, createElementBlock, normalizeStyle, normalizeClass, vModelDynamic, renderSlot, watch, resolveComponent, createVNode, createSlots, withCtx, createTextVNode, toDisplayString, createElementVNode, vShow, createBlock, createCommentVNode, Fragment, getCurrentInstance, nextTick, resolveDirective, withModifiers, renderList } from 'vue';
 import { r as re, l as u, F as Ft, m as d, $ as $t, s, f as c, n as ne, H as Ht, P as Pt } from '../OrAutocompleteV3-961163d0.js';
 import { l } from '../OrEditorTabsV3-856e42f1.js';
 import { useFocus } from '@vueuse/core';
@@ -695,6 +695,7 @@ var script = defineComponent({
       var _a;
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
     });
+    const isOpen = computed(() => popoverState.value === 'open');
     // Props
     const {
       enableClear,
@@ -738,6 +739,11 @@ var script = defineComponent({
     }, {
       deep: true
     });
+    watch(isOpen, value => {
+      if (!value) {
+        resetSearch();
+      }
+    });
     const groupedOptions = computed(() => {
       const groupBy = props.groupByFunction;
       if (groupBy) {
@@ -831,7 +837,9 @@ var script = defineComponent({
       resetSearch();
     }
     function resetSearch() {
-      searchText.value = '';
+      nextTick(() => {
+        setTimeout(() => searchText.value = '');
+      });
     }
     // Utils
     const {
@@ -861,6 +869,7 @@ var script = defineComponent({
       proxyModelValue,
       readonly,
       isEmptyModelValue,
+      isOpen,
       showClear,
       searchText,
       internalSearchOptions,
@@ -928,6 +937,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     invalid: !!_ctx.error,
     readonly: _ctx.readonly,
     disabled: _ctx.disabled,
+    "force-state": _ctx.isOpen ? 'focus-within' : undefined,
     tabindex: !_ctx.disabled ? 0 : null
   }, {
     default: withCtx(() => [createElementVNode("div", {
@@ -1116,7 +1126,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 3 /* FORWARDED */
     }, 8 /* PROPS */, ["class", "custom-styles", "trigger"])]),
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["class", "variant", "size", "invalid", "readonly", "disabled", "tabindex"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
+  }, 8 /* PROPS */, ["class", "variant", "size", "invalid", "readonly", "disabled", "force-state", "tabindex"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
     key: 1,
     disabled: _ctx.disabled
   }, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "21.4.1",
+  "version": "21.4.2",
   "description": "Vue components library for v3",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -45,8 +45,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^21.4.1",
-    "@onereach/ui-components-common": "^21.4.1",
+    "@onereach/styles": "^21.4.2",
+    "@onereach/ui-components-common": "^21.4.2",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -103,5 +103,5 @@
     "access": "public"
   },
   "npmUnpacked": "4.15.2",
-  "gitHead": "ed1ded657f63a00f392e38abc14b3b8c92d6f048"
+  "gitHead": "c1aa388b69aafd6d5d23479c8be7b0dfd38a0ff5"
 }