@onereach/ui-components 2.71.2-beta.2244.0 → 2.71.3-beta.2243.0

package/dist/esm/v2/{OrSearch-0589d17d.js → OrSearch-b4f4d59b.js}

@@ -1,6 +1,123 @@
-import { c as script } from './OrSearch.vue_rollup-plugin-vue_script-197d77fc.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+import { defineComponent, ref } from 'vue-demi';
+import { _ as __vue_component__$1 } from './OrInput-6e6cfd11.js';
+import { debouncedWatch } from '@vueuse/core';
+import { b as BUTTON_SIZE } from './OrIconButton.vue_rollup-plugin-vue_script-9fb7b7ab.js';
 import { c as createInjector } from './browser-82dea9ed.js';
+import { _ as __vue_component__$2 } from './OrIconButton-014e86a7.js';
+import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+
+var script = defineComponent({
+  name: 'OrSearch',
+  components: {
+    OrInput: __vue_component__$1,
+    OrIconButton: __vue_component__$2
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: String,
+      default: '',
+      required: false
+    },
+    htmlId: {
+      type: String,
+      default: '',
+      required: false
+    },
+    placeholder: {
+      type: String,
+      default: '',
+      required: false
+    },
+    label: {
+      type: String,
+      default: '',
+      required: false
+    },
+    error: {
+      type: String,
+      default: '',
+      required: false
+    },
+    hint: {
+      type: String,
+      default: '',
+      required: false
+    },
+    debounce: {
+      type: Number,
+      default: 500,
+      required: false
+    },
+    isUsingTrim: {
+      type: Boolean,
+      default: true,
+      required: false
+    },
+    maxLength: {
+      type: Number,
+      default: undefined,
+      required: false
+    },
+    isSmall: Boolean,
+    isRequired: Boolean,
+    isDisabled: Boolean,
+    isReadonly: Boolean,
+    isInvalid: Boolean
+  },
+  emits: ['focus', 'blur', 'update:modelValue', 'input', 'search', 'clear', 'keypress', 'keyup', 'keydown'],
+  setup(props, {
+    emit
+  }) {
+    var _a;
+    const inputRef = ref();
+    const localValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : '');
+    debouncedWatch(localValue, () => {
+      emit('search', props.isUsingTrim ? localValue.value.trim() : localValue.value);
+    }, {
+      debounce: +props.debounce
+    });
+    return {
+      inputRef,
+      localValue
+    };
+  },
+  computed: {
+    hasValue() {
+      var _a;
+      return !!((_a = this.localValue) === null || _a === void 0 ? void 0 : _a.length);
+    },
+    currentButtonIcon() {
+      return this.hasValue ? 'close' : 'search';
+    },
+    size() {
+      return this.isSmall ? BUTTON_SIZE.SMALL : BUTTON_SIZE.DEFAULT;
+    }
+  },
+  watch: {
+    modelValue(val) {
+      if (this.localValue !== val) this.localValue = val;
+    }
+  },
+  methods: {
+    onClick() {
+      var _a;
+      if (this.hasValue) {
+        this.localValue = '';
+        this.$emit('update:modelValue', '');
+        this.$emit('clear');
+        (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
+      }
+    },
+    onModelValueUpdate(value) {
+      this.localValue = value;
+      this.$emit('update:modelValue', value);
+    }
+  }
+});
 
 /* script */
 const __vue_script__ = script;
@@ -105,14 +222,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-073ad33e_0", {
-    source: "@keyframes spinAround-data-v-073ad33e{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-073ad33e{from{opacity:1}to{opacity:0}}.or-search .or-icon-button-root[data-v-073ad33e]{position:absolute;top:50%;right:0;z-index:1;transform:translate(-.625rem,-50%)}.or-search[data-v-073ad33e]  .or-textbox--input{padding-right:calc(.625rem + 1.625rem)}.or-search.is-small[data-v-073ad33e]  .or-textbox--input{padding-right:calc(.625rem + 1.5rem)}",
+  inject("data-v-81c3bf2c_0", {
+    source: "@keyframes spinAround-data-v-81c3bf2c{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-81c3bf2c{from{opacity:1}to{opacity:0}}.or-search .or-icon-button-root[data-v-81c3bf2c]{position:absolute;top:50%;right:0;z-index:1;transform:translate(-.625rem,-50%)}.or-search[data-v-81c3bf2c]  .or-textbox--input{padding-right:calc(.625rem + 1.625rem)}.or-search.is-small[data-v-81c3bf2c]  .or-textbox--input{padding-right:calc(.625rem + 1.5rem)}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-073ad33e";
+const __vue_scope_id__ = "data-v-81c3bf2c";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrSelect-e31d1c8b.js → OrSelect-cfcb233a.js}

@@ -8,11 +8,11 @@ import { _ as __vue_component__$3 } from './OrExpansionPanel-729eb1e7.js';
 import { _ as __vue_component__$4 } from './OrHint-78b399cb.js';
 import { _ as __vue_component__$5 } from './OrIcon-f34e0e6f.js';
 import { _ as __vue_component__$7, a as InputBoxSize } from './OrInputBox-9ceb9fc4.js';
-import { _ as __vue_component__$6 } from './OrInput-59a15d80.js';
+import { _ as __vue_component__$6 } from './OrInput-b029d058.js';
 import { _ as __vue_component__$8 } from './OrLabel-0945a4d9.js';
 import { _ as __vue_component__$9 } from './OrMenuItem-7b7fbf8a.js';
 import { _ as __vue_component__$a } from './OrPopover-d5d4f62a.js';
-import { _ as __vue_component__$b } from './OrTag-b2906865.js';
+import { _ as __vue_component__$b } from './OrTag-765090df.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SelectRoot = [

package/dist/esm/v2/{OrTag-b2906865.js → OrTag-765090df.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-04a3566d.js';
+import { _ as __vue_component__$1 } from './OrIconButton-5fa56aec.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TagVariant;