@onereach/ui-components 5.0.2-beta.3150.0 → 5.0.2-beta.3152.0

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-5428e5f8.js → OrSelect.vue_vue_type_script_lang-aa2ccd3b.js}

@@ -154,9 +154,7 @@ var script = defineComponent({
     // Styles
     const rootStyles = computed(() => ['or-select-v3', ...Select]);
     const controlStyles = computed(() => [...SelectControl]);
-    const searchControlStyles = computed(() => [...SelectSearchControl, '!visible' // Search control is always visible despite `useOverflow` effects
-    ]);
-
+    const searchControlStyles = computed(() => [...SelectSearchControl]);
     const placeholderStyles = computed(() => [...SelectPlaceholder]);
     const dropdownStyles = computed(() => {
       var _a;

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrSelect.vue_vue_type_script_lang-5428e5f8.js';
-export { s as default } from '../../OrSelect.vue_vue_type_script_lang-5428e5f8.js';
+import { s as script } from '../../OrSelect.vue_vue_type_script_lang-aa2ccd3b.js';
+export { s as default } from '../../OrSelect.vue_vue_type_script_lang-aa2ccd3b.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, withModifiers, createVNode, vShow } from 'vue';
 import 'vue-demi';
 import '../../utils/isEmptyValue.js';
@@ -92,14 +92,18 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = ["disabled"];
 const _hoisted_5 = {
-  class: /*#__PURE__*/normalizeClass(['layout-inline-row', 'gap-sm'])
+  key: 2,
+  class: /*#__PURE__*/normalizeClass(['grow'])
 };
 const _hoisted_6 = {
-  class: /*#__PURE__*/normalizeClass(['contents'])
+  class: /*#__PURE__*/normalizeClass(['layout-inline-row', 'gap-sm'])
 };
 const _hoisted_7 = {
   class: /*#__PURE__*/normalizeClass(['contents'])
 };
+const _hoisted_8 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLabel = resolveComponent("OrLabel");
   const _component_OrTag = resolveComponent("OrTag");
@@ -144,13 +148,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.controlStyles),
       tabindex: !_ctx.disabled ? 0 : null,
       disabled: _ctx.disabled,
-      onFocus: _cache[6] || (_cache[6] = $event => _ctx.$emit('focus', $event)),
-      onBlur: _cache[7] || (_cache[7] = $event => _ctx.$emit('blur', $event))
+      onFocus: _cache[0] || (_cache[0] = $event => _ctx.$emit('focus', $event)),
+      onBlur: _cache[1] || (_cache[1] = $event => _ctx.$emit('blur', $event))
     }, [_ctx.multiple ? (openBlock(), createElementBlock(Fragment, {
       key: 0
-    }, [!_ctx.isEmptyModelValue ? (openBlock(), createElementBlock(Fragment, {
-      key: 0
-    }, [renderSlot(_ctx.$slots, "valueTemplate", {
+    }, [!_ctx.isEmptyModelValue ? renderSlot(_ctx.$slots, "valueTemplate", {
+      key: 0,
       model: _ctx.proxyModelValue
     }, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selection, option => {
       return openBlock(), createBlock(_component_OrTag, {
@@ -163,64 +166,38 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
         _: 2 /* DYNAMIC */
       }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled", "onReset"]);
-    }), 128 /* KEYED_FRAGMENT */))]), _ctx.popoverState === 'open' && _ctx.enableSearch && _ctx.isDesktop ? (openBlock(), createBlock(_component_OrInput, {
-      key: 0,
-      ref: "searchControl",
-      modelValue: _ctx.searchText,
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.searchText = $event),
-      class: normalizeClass(_ctx.searchControlStyles),
-      type: 'search',
-      placeholder: _ctx.placeholder,
-      size: _ctx.size,
-      "disable-default-styles": true,
-      onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
-    }, null, 8 /* PROPS */, ["modelValue", "class", "placeholder", "size"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock(Fragment, {
-      key: 1
-    }, [_ctx.popoverState === 'open' && _ctx.enableSearch && _ctx.isDesktop ? (openBlock(), createBlock(_component_OrInput, {
-      key: 0,
-      ref: "searchControl",
-      modelValue: _ctx.searchText,
-      "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.searchText = $event),
-      class: normalizeClass(_ctx.searchControlStyles),
-      type: 'search',
-      placeholder: _ctx.placeholder,
-      size: _ctx.size,
-      "disable-default-styles": true,
-      onClick: _cache[3] || (_cache[3] = withModifiers(() => {}, ["stop"]))
-    }, null, 8 /* PROPS */, ["modelValue", "class", "placeholder", "size"])) : (openBlock(), createElementBlock("span", {
+    }), 128 /* KEYED_FRAGMENT */))]) : _ctx.popoverState === 'closed' || !_ctx.enableSearch ? (openBlock(), createElementBlock("span", {
       key: 1,
       class: normalizeClass(_ctx.placeholderStyles),
       disabled: _ctx.disabled ? '' : null
-    }, toDisplayString(_ctx.placeholder), 11 /* TEXT, CLASS, PROPS */, _hoisted_2))], 64 /* STABLE_FRAGMENT */))], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock(Fragment, {
-      key: 1
-    }, [_ctx.popoverState === 'open' && _ctx.enableSearch && _ctx.isDesktop ? (openBlock(), createBlock(_component_OrInput, {
-      key: 0,
-      ref: "searchControl",
-      modelValue: _ctx.searchText,
-      "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.searchText = $event),
-      class: normalizeClass(_ctx.searchControlStyles),
-      type: 'search',
-      placeholder: _ctx.placeholder,
-      size: _ctx.size,
-      "disable-default-styles": true,
-      onClick: _cache[5] || (_cache[5] = withModifiers(() => {}, ["stop"]))
-    }, null, 8 /* PROPS */, ["modelValue", "class", "placeholder", "size"])) : (openBlock(), createElementBlock(Fragment, {
+    }, toDisplayString(_ctx.placeholder), 11 /* TEXT, CLASS, PROPS */, _hoisted_2)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock(Fragment, {
       key: 1
     }, [!_ctx.isEmptyModelValue ? renderSlot(_ctx.$slots, "valueTemplate", {
       key: 0,
       model: _ctx.proxyModelValue
-    }, () => [createElementVNode("span", _hoisted_3, toDisplayString(_ctx.selection && _ctx.selection.label), 1 /* TEXT */)]) : (openBlock(), createElementBlock("span", {
+    }, () => [createElementVNode("span", _hoisted_3, toDisplayString(_ctx.selection && _ctx.selection.label), 1 /* TEXT */)]) : _ctx.popoverState === 'closed' || !_ctx.enableSearch ? (openBlock(), createElementBlock("span", {
       key: 1,
       class: normalizeClass(_ctx.placeholderStyles),
       disabled: _ctx.disabled ? '' : null
-    }, toDisplayString(_ctx.placeholder), 11 /* TEXT, CLASS, PROPS */, _hoisted_4))], 64 /* STABLE_FRAGMENT */))], 64 /* STABLE_FRAGMENT */))], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1), _ctx.multiple && _ctx.outerItems.length > 0 ? (openBlock(), createElementBlock(Fragment, {
+    }, toDisplayString(_ctx.placeholder), 11 /* TEXT, CLASS, PROPS */, _hoisted_4)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */))], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1), _ctx.multiple && _ctx.outerItems.length > 0 ? (openBlock(), createElementBlock(Fragment, {
       key: 0
-    }, [createTextVNode(" +" + toDisplayString(_ctx.outerItems.length), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_5, [!_ctx.isEmptyModelValue && _ctx.popoverState === 'closed' ? (openBlock(), createBlock(_component_OrIconButton, {
+    }, [createTextVNode(" +" + toDisplayString(_ctx.outerItems.length), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), _ctx.popoverState === 'open' && _ctx.enableSearch && _ctx.isDesktop ? (openBlock(), createBlock(_component_OrInput, {
+      key: 1,
+      ref: "searchControl",
+      modelValue: _ctx.searchText,
+      "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.searchText = $event),
+      class: normalizeClass([..._ctx.searchControlStyles, _ctx.isEmptyModelValue && 'md:!ml-none']),
+      type: 'search',
+      placeholder: _ctx.placeholder,
+      size: _ctx.size,
+      "disable-default-styles": true,
+      onClick: _cache[3] || (_cache[3] = withModifiers(() => {}, ["stop"]))
+    }, null, 8 /* PROPS */, ["modelValue", "class", "placeholder", "size"])) : (openBlock(), createElementBlock("div", _hoisted_5)), createElementVNode("div", _hoisted_6, [_ctx.popoverState === 'closed' && !_ctx.isEmptyModelValue ? (openBlock(), createBlock(_component_OrIconButton, {
       key: 0,
       icon: 'close',
       color: 'inherit',
       disabled: _ctx.readonly || _ctx.disabled,
-      onClick: _cache[8] || (_cache[8] = withModifiers($event => _ctx.$emit('update:modelValue', _ctx.multiple ? [] : undefined), ["stop"]))
+      onClick: _cache[4] || (_cache[4] = withModifiers($event => _ctx.$emit('update:modelValue', _ctx.multiple ? [] : undefined), ["stop"]))
     }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrIcon, {
       icon: _ctx.popoverState === 'open' ? 'arrow_drop_up' : 'arrow_drop_down',
       variant: 'outlined'
@@ -232,13 +209,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "full-width": true,
       "custom-styles": _ctx.dropdownStyles,
       "disable-default-styles": true,
-      onClose: _cache[12] || (_cache[12] = $event => _ctx.clearSearchControl())
+      onClose: _cache[8] || (_cache[8] = $event => _ctx.clearSearchControl())
     }, {
       default: withCtx(() => [_ctx.popoverState === 'open' && _ctx.enableSearch && _ctx.isMobile ? (openBlock(), createBlock(_component_OrInput, {
         key: 0,
         ref: "searchControl",
         modelValue: _ctx.searchText,
-        "onUpdate:modelValue": _cache[9] || (_cache[9] = $event => _ctx.searchText = $event),
+        "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => _ctx.searchText = $event),
         class: normalizeClass(_ctx.searchControlStyles),
         type: 'search',
         placeholder: _ctx.placeholder
@@ -263,7 +240,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 option: option
               }, () => [createVNode(_component_OrCheckbox, {
                 modelValue: _ctx.proxyModelValue,
-                "onUpdate:modelValue": _cache[10] || (_cache[10] = $event => _ctx.proxyModelValue = $event),
+                "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => _ctx.proxyModelValue = $event),
                 value: option.value,
                 label: option.label,
                 "label-variant": 'menu-item'
@@ -304,7 +281,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         }, {
           default: withCtx(() => [createVNode(_component_OrCheckbox, {
             modelValue: _ctx.proxyModelValue,
-            "onUpdate:modelValue": _cache[11] || (_cache[11] = $event => _ctx.proxyModelValue = $event),
+            "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => _ctx.proxyModelValue = $event),
             value: option.value,
             label: option.label,
             "label-variant": 'menu-item'
@@ -344,14 +321,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 3 /* FORWARDED */
     }, 8 /* PROPS */, ["trigger", "custom-styles"])]),
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["class", "variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), withDirectives(createElementVNode("div", _hoisted_6, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
+  }, 8 /* PROPS */, ["class", "variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), withDirectives(createElementVNode("div", _hoisted_7, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_7, [createVNode(_component_OrError, {
+  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_8, [createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),

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

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-5428e5f8.js';
+export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-aa2ccd3b.js';
 export { InputBoxSize as SelectSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../../utils/isEmptyValue.js';

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

@@ -5,7 +5,9 @@ const Select = [
 'gap-xs'];
 const SelectControl = [
 // Layout
-'layout-row grow',
+'layout-row',
+// Layout (empty)
+'empty:hidden',
 // Overflow
 'overflow-hidden',
 // Spacing

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

@@ -114,7 +114,7 @@ export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-12bbade9.j
 export { s as OrSegmentedControlV3 } from '../OrSegmentedControl.vue_vue_type_script_lang-3a7df112.js';
 export { SegmentedControlSize } from './OrSegmentedControlV3/props.js';
 export { s as OrSelect } from '../OrSelect.vue_vue_type_script_lang-2516881b.js';
-export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-5428e5f8.js';
+export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-aa2ccd3b.js';
 export { s as OrSidebar } from '../OrSidebar.vue_vue_type_script_lang-81941fe6.js';
 export { OrSidebarSide } from './OrSidebar/constants.js';
 export { s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-a7103da5.js';