@onereach/ui-components 13.2.1 → 13.2.2-beta.4657.0

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

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

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

@@ -1 +1 @@
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-918a8cff.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-adb99d27.js';

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

@@ -827,6 +827,7 @@ var script = defineComponent({
       } else {
         proxyModelValue.value = value;
       }
+      searchText.value = '';
     }
     function deselectOption(value) {
       if (props.multiple) {
@@ -1027,6 +1028,12 @@ var __vue_render__ = function () {
       }
     }
   })] : _vm._e(), _vm._v(" "), _c('OrIcon', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !(_vm.popoverState === 'open' && _vm.enableSearch && _vm.enableClear && !_vm.isEmptyModelValue),
+      expression: "!(popoverState === 'open' && enableSearch && enableClear && !isEmptyModelValue)"
+    }],
     class: _vm.popoverState === 'open' && _vm.enableSearch ? '!text-outline !dark:text-outline-dark' : '',
     attrs: {
       "icon": _vm.popoverState === 'open' ? _vm.enableSearch ? 'search' : 'arrow_drop_up' : 'arrow_drop_down',

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-918a8cff.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-adb99d27.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-918a8cff.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from './OrDataGrid-adb99d27.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-94f2cb4f.js';
+export { s as default } from '../OrDataGridV3-3210d958.js';

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

@@ -1 +1 @@
-export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-94f2cb4f.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-3210d958.js';

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

@@ -1 +1 @@
-export { a as DataGrid } from '../OrDataGridV3-94f2cb4f.js';
+export { a as DataGrid } from '../OrDataGridV3-3210d958.js';

package/dist/bundled/v3/components/{OrDataGridV3-94f2cb4f.js → OrDataGridV3-3210d958.js}

@@ -5,7 +5,7 @@ import { s as script$g } from './OrDatePickerV3-e460f30f.js';
 import { s as script$h } from './OrDateTimePickerV3-b5636a5a.js';
 import { s as script$i } from './OrInputV3-7ff68994.js';
 import { s as script$j } from './OrRatingV3-e3260da7.js';
-import { s as script$k } from './OrSelectV3-5c6a180e.js';
+import { s as script$k } from './OrSelectV3-3a26c611.js';
 import { s as script$l } from './OrSwitchV3-33a94023.js';
 import { s as script$m } from './OrTagInputV3-bf518274.js';
 import { s as script$n } from './OrTimePickerV3-cc7dd81b.js';

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

@@ -1 +1 @@
-export { s as default } from '../OrSelectV3-5c6a180e.js';
+export { s as default } from '../OrSelectV3-3a26c611.js';

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

@@ -1 +1 @@
-export { s as OrSelectV3 } from '../OrSelectV3-5c6a180e.js';
+export { s as OrSelectV3 } from '../OrSelectV3-3a26c611.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, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-5c6a180e.js';
+export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-3a26c611.js';

package/dist/bundled/v3/components/{OrSelectV3-5c6a180e.js → OrSelectV3-3a26c611.js}

@@ -742,6 +742,7 @@ var script = defineComponent({
       } else {
         proxyModelValue.value = value;
       }
+      searchText.value = '';
     }
     function deselectOption(value) {
       if (props.multiple) {
@@ -905,11 +906,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "additional-styles": ['!text-outline', '!dark:text-outline-dark'],
       disabled: _ctx.readonly || _ctx.disabled,
       onClick: _cache[5] || (_cache[5] = withModifiers($event => _ctx.$emit('update:modelValue', _ctx.multiple ? [] : undefined), ["stop"]))
-    }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrIcon, {
+    }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrIcon, {
       icon: _ctx.popoverState === 'open' ? _ctx.enableSearch ? 'search' : 'arrow_drop_up' : 'arrow_drop_down',
       class: normalizeClass(_ctx.popoverState === 'open' && _ctx.enableSearch ? '!text-outline !dark:text-outline-dark' : ''),
       variant: 'outlined'
-    }, null, 8 /* PROPS */, ["icon", "class"])]), createVNode(_component_OrPopover, {
+    }, null, 8 /* PROPS */, ["icon", "class"]), [[vShow, !(_ctx.popoverState === 'open' && _ctx.enableSearch && _ctx.enableClear && !_ctx.isEmptyModelValue)]])]), createVNode(_component_OrPopover, {
       ref: 'popover',
       class: normalizeClass(_ctx.dropdownStyles),
       "custom-styles": _ctx.dropdownStyles,

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-7187402d.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-3c9ece49.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-94f2cb4f.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-3210d958.js';
 export { s as OrDateFormatV3 } from './OrDateFormatV3-ac7355e0.js';
 export { s as OrDatePickerV3 } from './OrDatePickerV3-e460f30f.js';
 export { s as OrDateRangePickerV3 } from './OrDateRangePickerV3-08ba88a7.js';
@@ -90,7 +90,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-7c8d7ad2.js';
-export { s as OrSelectV3 } from './OrSelectV3-5c6a180e.js';
+export { s as OrSelectV3 } from './OrSelectV3-3a26c611.js';
 export { OrSidebar, OrSidebarSide } from './OrSidebar/index.js';
 export { s as OrSidebarV3, S as SidebarPlacement } from './OrSidebarV3-da7f8e7c.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeleton-0fc94226.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-7187402d.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-3c9ece49.js';
 export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-94f2cb4f.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-3210d958.js';
 export { s as OrDateFormatV3 } from './components/OrDateFormatV3-ac7355e0.js';
 export { s as OrDateRangePickerV3 } from './components/OrDateRangePickerV3-08ba88a7.js';
 export { s as OrDateTimeFormatV3 } from './components/OrDateTimeFormatV3-2916ddc3.js';
@@ -113,7 +113,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-be9935ce.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-5c6a180e.js';
+export { s as OrSelectV3 } from './components/OrSelectV3-3a26c611.js';
 export { s as OrSortingV3 } from './components/OrSortingV3-6cef8218.js';
 export { s as OrSwitchV3 } from './components/OrSwitchV3-33a94023.js';
 export { default as OrTabHeaderItem } from './components/OrTabHeaderItem/OrTabHeaderItem.js';

package/dist/esm/v2/{OrDataGrid-3e1aad26.js → OrDataGrid-8d4ce5be.js}

@@ -5,7 +5,7 @@ import { _ as __vue_component__$h } from './OrSearch-e837ee15.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-90db8a78.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-4d3dd1fa.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const DataGrid = [

package/dist/esm/v2/{OrDataGridToolbar-90db8a78.js → OrDataGridToolbar-4d3dd1fa.js}

@@ -12,7 +12,7 @@ import { _ as __vue_component__$g } from './OrDateTimePicker-c3996f3a.js';
 import './OrDateTimePickerTimeSelect-9108baaa.js';
 import { _ as __vue_component__$h } from './OrInput-ea80d121.js';
 import { _ as __vue_component__$i } from './OrRating-7c968949.js';
-import { _ as __vue_component__$j } from './OrSelect-c0bba2e8.js';
+import { _ as __vue_component__$j } from './OrSelect-bc0f0f08.js';
 import { _ as __vue_component__$k } from './OrSwitch-d9bb9ac5.js';
 import { _ as __vue_component__$l } from './OrTagInput-dac21a98.js';
 import { _ as __vue_component__$m } from './OrTimePicker-3707cf6e.js';

package/dist/esm/v2/{OrSelect-c0bba2e8.js → OrSelect-bc0f0f08.js}

@@ -324,6 +324,7 @@ var script = defineComponent({
       } else {
         proxyModelValue.value = value;
       }
+      searchText.value = '';
     }
     function deselectOption(value) {
       if (props.multiple) {
@@ -524,6 +525,12 @@ var __vue_render__ = function () {
       }
     }
   })] : _vm._e(), _vm._v(" "), _c('OrIcon', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !(_vm.popoverState === 'open' && _vm.enableSearch && _vm.enableClear && !_vm.isEmptyModelValue),
+      expression: "!(popoverState === 'open' && enableSearch && enableClear && !isEmptyModelValue)"
+    }],
     class: _vm.popoverState === 'open' && _vm.enableSearch ? '!text-outline !dark:text-outline-dark' : '',
     attrs: {
       "icon": _vm.popoverState === 'open' ? _vm.enableSearch ? 'search' : 'arrow_drop_up' : 'arrow_drop_down',

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-5994da81.js';
 export { _ as OrContextMenuV3 } from '../OrContextMenu-a6fee3eb.js';
-export { _ as OrDataGridV3 } from '../OrDataGrid-3e1aad26.js';
-export { D as DataGridVariant } from '../OrDataGridToolbar-90db8a78.js';
+export { _ as OrDataGridV3 } from '../OrDataGrid-8d4ce5be.js';
+export { D as DataGridVariant } from '../OrDataGridToolbar-4d3dd1fa.js';
 export { _ as OrDateFormatV3 } from '../OrDateFormat-2ff9c3f0.js';
 export { _ as OrDatePickerV3 } from '../OrDatePicker-4f0cb374.js';
 export { _ as OrDateRangePickerV3 } from '../OrDateRangePicker-f46faeae.js';
@@ -109,7 +109,7 @@ export { _ as OrSearch } from '../OrSearch-9c4cd6ca.js';
 export { _ as OrSearchV3 } from '../OrSearch-e837ee15.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-047e2414.js';
 export { _ as OrSelect } from '../OrSelect-1df35160.js';
-export { _ as OrSelectV3 } from '../OrSelect-c0bba2e8.js';
+export { _ as OrSelectV3 } from '../OrSelect-bc0f0f08.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-054b26c6.js';
 export { _ as OrSidebarV3, S as SidebarPlacement } from '../props-2df9b376.js';
 export { _ as OrSkeletonCircle } from '../OrSkeletonCircle-c4bf0e34.js';

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

@@ -1,5 +1,5 @@
-export { _ as OrDataGridV3 } from '../../OrDataGrid-3e1aad26.js';
-export { D as DataGridVariant } from '../../OrDataGridToolbar-90db8a78.js';
+export { _ as OrDataGridV3 } from '../../OrDataGrid-8d4ce5be.js';
+export { D as DataGridVariant } from '../../OrDataGridToolbar-4d3dd1fa.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-c3996f3a.js';
 import '../../OrRating-7c968949.js';
-import '../../OrSelect-c0bba2e8.js';
+import '../../OrSelect-bc0f0f08.js';
 import '../../isString-cf957a95.js';
 import '../../isNull-7ae26d1d.js';
 import '../../isObject-4d5300e9.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-90db8a78.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-4d3dd1fa.js';
 import 'vue-demi';
 import '../../../normalize-component-6e8e3d80.js';
 import '../../../TimeFormat-a7f5565b.js';
@@ -54,7 +54,7 @@ import '../../../OrDateTimePicker-c3996f3a.js';
 import '../../../OrInput-ea80d121.js';
 import '../../../useValidationAttributes-257954f3.js';
 import '../../../OrRating-7c968949.js';
-import '../../../OrSelect-c0bba2e8.js';
+import '../../../OrSelect-bc0f0f08.js';
 import '../../../isString-cf957a95.js';
 import '../../../isNull-7ae26d1d.js';
 import '../../../isObject-4d5300e9.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrSelectV3 } from '../../OrSelect-c0bba2e8.js';
+export { _ as OrSelectV3 } from '../../OrSelect-bc0f0f08.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
 import '../../include-2a81e823.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-5994da81.js';
 export { _ as OrContextMenuV3 } from './OrContextMenu-a6fee3eb.js';
-export { _ as OrDataGridV3 } from './OrDataGrid-3e1aad26.js';
-export { D as DataGridVariant } from './OrDataGridToolbar-90db8a78.js';
+export { _ as OrDataGridV3 } from './OrDataGrid-8d4ce5be.js';
+export { D as DataGridVariant } from './OrDataGridToolbar-4d3dd1fa.js';
 export { _ as OrDateFormatV3 } from './OrDateFormat-2ff9c3f0.js';
 export { _ as OrDatePickerV3 } from './OrDatePicker-4f0cb374.js';
 export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-f46faeae.js';
@@ -109,7 +109,7 @@ export { _ as OrSearch } from './OrSearch-9c4cd6ca.js';
 export { _ as OrSearchV3 } from './OrSearch-e837ee15.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-047e2414.js';
 export { _ as OrSelect } from './OrSelect-1df35160.js';
-export { _ as OrSelectV3 } from './OrSelect-c0bba2e8.js';
+export { _ as OrSelectV3 } from './OrSelect-bc0f0f08.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-054b26c6.js';
 export { _ as OrSidebarV3, S as SidebarPlacement } from './props-2df9b376.js';
 export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';

package/dist/esm/v3/{OrDataGrid-ac2dee97.js → OrDataGrid-2b0318e7.js}

@@ -5,7 +5,7 @@ import { s as script$h } from './OrSearch-b7a558ef.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-cc0d31af.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-fe02324b.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createSlots, withCtx, renderSlot, createVNode, createCommentVNode, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
 
 const DataGrid = [

package/dist/esm/v3/{OrDataGridToolbar-cc0d31af.js → OrDataGridToolbar-fe02324b.js}

@@ -12,7 +12,7 @@ import { s as script$g } from './OrDateTimePicker-4e715d5f.js';
 import './OrDateTimePickerTimeSelect-c69e90b4.js';
 import { s as script$h } from './OrInput-6b60bf4a.js';
 import { s as script$i } from './OrRating-7c2f8e4d.js';
-import { s as script$j } from './OrSelect-d97029ba.js';
+import { s as script$j } from './OrSelect-ceddd24e.js';
 import { s as script$k } from './OrSwitch-86583d97.js';
 import { s as script$l } from './OrTagInput-8e53511e.js';
 import { s as script$m } from './OrTimePicker-d17e6f65.js';

package/dist/esm/v3/{OrSelect-d97029ba.js → OrSelect-ceddd24e.js}

@@ -28,7 +28,7 @@ import { T as TagsOverflow } from './OrTags-89785e44.js';
 import { s as script$c } from './OrSelectMultipleControl-7d4170c2.js';
 import { s as script$d } from './OrSelectSingleControl-70644f38.js';
 import './OrSelectPlaceholder-81502228.js';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, withModifiers, createVNode, Fragment, renderList, vShow } from 'vue';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, withModifiers, createVNode, vShow, Fragment, renderList } from 'vue';
 
 const Select = [
 // Layout
@@ -323,6 +323,7 @@ var script = defineComponent({
       } else {
         proxyModelValue.value = value;
       }
+      searchText.value = '';
     }
     function deselectOption(value) {
       if (props.multiple) {
@@ -486,11 +487,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "additional-styles": ['!text-outline', '!dark:text-outline-dark'],
       disabled: _ctx.readonly || _ctx.disabled,
       onClick: _cache[5] || (_cache[5] = withModifiers($event => _ctx.$emit('update:modelValue', _ctx.multiple ? [] : undefined), ["stop"]))
-    }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrIcon, {
+    }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrIcon, {
       icon: _ctx.popoverState === 'open' ? _ctx.enableSearch ? 'search' : 'arrow_drop_up' : 'arrow_drop_down',
       class: normalizeClass(_ctx.popoverState === 'open' && _ctx.enableSearch ? '!text-outline !dark:text-outline-dark' : ''),
       variant: 'outlined'
-    }, null, 8 /* PROPS */, ["icon", "class"])]), createVNode(_component_OrPopover, {
+    }, null, 8 /* PROPS */, ["icon", "class"]), [[vShow, !(_ctx.popoverState === 'open' && _ctx.enableSearch && _ctx.enableClear && !_ctx.isEmptyModelValue)]])]), createVNode(_component_OrPopover, {
       ref: 'popover',
       class: normalizeClass(_ctx.dropdownStyles),
       "custom-styles": _ctx.dropdownStyles,

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-beae75d5.js';
 export { s as OrContextMenuV3 } from '../OrContextMenu-d8c71891.js';
-export { s as OrDataGridV3 } from '../OrDataGrid-ac2dee97.js';
-export { D as DataGridVariant } from '../OrDataGridToolbar-cc0d31af.js';
+export { s as OrDataGridV3 } from '../OrDataGrid-2b0318e7.js';
+export { D as DataGridVariant } from '../OrDataGridToolbar-fe02324b.js';
 export { s as OrDateFormatV3 } from '../OrDateFormat-616cd68b.js';
 export { s as OrDatePickerV3 } from '../OrDatePicker-cbd5183d.js';
 export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-7546b7be.js';
@@ -106,7 +106,7 @@ export { s as OrSearch } from '../OrSearch-4192737e.js';
 export { s as OrSearchV3 } from '../OrSearch-b7a558ef.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-d97029ba.js';
+export { s as OrSelectV3 } from '../OrSelect-ceddd24e.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-4ab42b93.js';
 export { s as OrSidebarV3, S as SidebarPlacement } from '../props-339b3fd2.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';

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

@@ -1,5 +1,5 @@
-export { s as OrDataGridV3 } from '../../OrDataGrid-ac2dee97.js';
-export { D as DataGridVariant } from '../../OrDataGridToolbar-cc0d31af.js';
+export { s as OrDataGridV3 } from '../../OrDataGrid-2b0318e7.js';
+export { D as DataGridVariant } from '../../OrDataGridToolbar-fe02324b.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-d97029ba.js';
+import '../../OrSelect-ceddd24e.js';
 import '../../isString-cf957a95.js';
 import '../../isNull-7ae26d1d.js';
 import '../../isObject-4d5300e9.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-cc0d31af.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-fe02324b.js';
 import 'vue-demi';
 import 'vue';
 import '../../../TimeFormat-a7f5565b.js';
@@ -50,7 +50,7 @@ import '../../../getCurrentDate-e5a478c3.js';
 import '../../../OrInput-6b60bf4a.js';
 import '../../../useValidationAttributes-257954f3.js';
 import '../../../OrRating-7c2f8e4d.js';
-import '../../../OrSelect-d97029ba.js';
+import '../../../OrSelect-ceddd24e.js';
 import '../../../isString-cf957a95.js';
 import '../../../isNull-7ae26d1d.js';
 import '../../../isObject-4d5300e9.js';

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

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect-d97029ba.js';
+export { s as OrSelectV3 } from '../../OrSelect-ceddd24e.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
 import '../../include-2a81e823.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-beae75d5.js';
 export { s as OrContextMenuV3 } from './OrContextMenu-d8c71891.js';
-export { s as OrDataGridV3 } from './OrDataGrid-ac2dee97.js';
-export { D as DataGridVariant } from './OrDataGridToolbar-cc0d31af.js';
+export { s as OrDataGridV3 } from './OrDataGrid-2b0318e7.js';
+export { D as DataGridVariant } from './OrDataGridToolbar-fe02324b.js';
 export { s as OrDateFormatV3 } from './OrDateFormat-616cd68b.js';
 export { s as OrDatePickerV3 } from './OrDatePicker-cbd5183d.js';
 export { s as OrDateRangePickerV3 } from './OrDateRangePicker-7546b7be.js';
@@ -106,7 +106,7 @@ export { s as OrSearch } from './OrSearch-4192737e.js';
 export { s as OrSearchV3 } from './OrSearch-b7a558ef.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-d97029ba.js';
+export { s as OrSelectV3 } from './OrSelect-ceddd24e.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-4ab42b93.js';
 export { s as OrSidebarV3, S as SidebarPlacement } from './props-339b3fd2.js';
 export { s as OrSkeletonCircle } from './OrSkeletonCircle-66e175a0.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "13.2.1",
+  "version": "13.2.2-beta.4657.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": "d91be5be947689c0dcb10fb99718a3a1b1beac17"
+  }
 }

package/src/components/or-select-v3/OrSelect.vue

@@ -94,6 +94,7 @@
         </template>
 
         <OrIcon
+          v-show="!(popoverState === 'open' && enableSearch && enableClear && !isEmptyModelValue)"
           :icon="popoverState === 'open' ? enableSearch ? 'search' : 'arrow_drop_up' : 'arrow_drop_down'"
           :class=" popoverState === 'open' && enableSearch ? '!text-outline !dark:text-outline-dark' : ''"
           :variant="'outlined'"
@@ -613,6 +614,8 @@ export default defineComponent({
       } else {
         proxyModelValue.value = value;
       }
+
+      searchText.value = '';
     }
 
     function deselectOption(value: SelectItem['value']): void {