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

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

@@ -189,9 +189,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;
@@ -408,56 +406,25 @@ var __vue_render__ = function () {
     });
   }, {
     "model": _vm.proxyModelValue
-  }), _vm._v(" "), _vm.popoverState === 'open' && _vm.enableSearch && _vm.isDesktop ? [_c('OrInput', {
-    ref: "searchControl",
-    class: _vm.searchControlStyles,
-    attrs: {
-      "type": 'search',
-      "placeholder": _vm.placeholder,
-      "size": _vm.size,
-      "disable-default-styles": true
-    },
-    on: {
-      "click": function ($event) {
-        $event.stopPropagation();
-      }
-    },
-    model: {
-      value: _vm.searchText,
-      callback: function ($$v) {
-        _vm.searchText = $$v;
-      },
-      expression: "searchText"
-    }
-  })] : _vm._e()] : [_vm.popoverState === 'open' && _vm.enableSearch && _vm.isDesktop ? [_c('OrInput', {
-    ref: "searchControl",
-    class: _vm.searchControlStyles,
+  })] : _vm.popoverState === 'closed' || !_vm.enableSearch ? [_c('span', {
+    class: _vm.placeholderStyles,
     attrs: {
-      "type": 'search',
-      "placeholder": _vm.placeholder,
-      "size": _vm.size,
-      "disable-default-styles": true
-    },
-    on: {
-      "click": function ($event) {
-        $event.stopPropagation();
-      }
-    },
-    model: {
-      value: _vm.searchText,
-      callback: function ($$v) {
-        _vm.searchText = $$v;
-      },
-      expression: "searchText"
+      "disabled": _vm.disabled ? '' : null
     }
-  })] : [_c('span', {
+  }, [_vm._v("\n            " + _vm._s(_vm.placeholder) + "\n          ")])] : _vm._e()] : [!_vm.isEmptyModelValue ? [_vm._t("valueTemplate", function () {
+    return [_c('span', {
+      staticClass: "truncate"
+    }, [_vm._v("\n              " + _vm._s(_vm.selection && _vm.selection.label) + "\n            ")])];
+  }, {
+    "model": _vm.proxyModelValue
+  })] : _vm.popoverState === 'closed' || !_vm.enableSearch ? [_c('span', {
     class: _vm.placeholderStyles,
     attrs: {
       "disabled": _vm.disabled ? '' : null
     }
-  }, [_vm._v("\n              " + _vm._s(_vm.placeholder) + "\n            ")])]]] : [_vm.popoverState === 'open' && _vm.enableSearch && _vm.isDesktop ? [_c('OrInput', {
+  }, [_vm._v("\n            " + _vm._s(_vm.placeholder) + "\n          ")])] : _vm._e()]], 2), _vm._v(" "), _vm.multiple && _vm.outerItems.length > 0 ? [_vm._v("\n      +" + _vm._s(_vm.outerItems.length) + "\n    ")] : _vm._e(), _vm._v(" "), _vm.popoverState === 'open' && _vm.enableSearch && _vm.isDesktop ? [_c('OrInput', {
     ref: "searchControl",
-    class: _vm.searchControlStyles,
+    class: _vm.searchControlStyles.concat([_vm.isEmptyModelValue && 'md:!ml-none']),
     attrs: {
       "type": 'search',
       "placeholder": _vm.placeholder,
@@ -476,20 +443,11 @@ var __vue_render__ = function () {
       },
       expression: "searchText"
     }
-  })] : [!_vm.isEmptyModelValue ? [_vm._t("valueTemplate", function () {
-    return [_c('span', {
-      staticClass: "truncate"
-    }, [_vm._v("\n                " + _vm._s(_vm.selection && _vm.selection.label) + "\n              ")])];
-  }, {
-    "model": _vm.proxyModelValue
-  })] : [_c('span', {
-    class: _vm.placeholderStyles,
-    attrs: {
-      "disabled": _vm.disabled ? '' : null
-    }
-  }, [_vm._v("\n              " + _vm._s(_vm.placeholder) + "\n            ")])]]]], 2), _vm._v(" "), _vm.multiple && _vm.outerItems.length > 0 ? [_vm._v("\n      +" + _vm._s(_vm.outerItems.length) + "\n    ")] : _vm._e(), _vm._v(" "), _c('div', {
+  })] : [_c('div', {
+    class: ['grow']
+  })], _vm._v(" "), _c('div', {
     class: ['layout-inline-row', 'gap-sm']
-  }, [!_vm.isEmptyModelValue && _vm.popoverState === 'closed' ? [_c('OrIconButton', {
+  }, [_vm.popoverState === 'closed' && !_vm.isEmptyModelValue ? [_c('OrIconButton', {
     attrs: {
       "icon": 'close',
       "color": 'inherit',

package/dist/bundled/v2/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