@onereach/ui-components 2.62.7-beta.1929.0 → 2.62.7-beta.1932.0

package/dist/v2/{OrInlineInput-8455f9da.js → OrInlineInput-f00cba5e.js}

@@ -129,14 +129,15 @@ var script = defineComponent({
       activated.value = false;
     }
     function reset() {
+      var _a;
       if (draftModelValue.value !== proxyModelValue.value) {
-        draftModelValue.value = proxyModelValue.value;
+        draftModelValue.value = (_a = proxyModelValue.value) !== null && _a !== void 0 ? _a : '';
       }
       activated.value = false;
     }
     // Effects
     watch(proxyModelValue, value => {
-      draftModelValue.value = value;
+      draftModelValue.value = value !== null && value !== void 0 ? value : '';
     }, {
       immediate: true
     });
@@ -160,7 +161,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-8d82b992]{min-width:0;background:0 0;outline:0}input[type=number][data-v-8d82b992]::-webkit-inner-spin-button{display:none}input[type=search][data-v-8d82b992]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-a3435312]{min-width:0;background:0 0;outline:0}input[type=number][data-v-a3435312]::-webkit-inner-spin-button{display:none}input[type=search][data-v-a3435312]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 
 /* script */
@@ -333,7 +334,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-8d82b992";
+const __vue_scope_id__ = "data-v-a3435312";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/v2/{OrInlineTextarea-1127e512.js → OrInlineTextarea-75de33d0.js}

@@ -115,14 +115,15 @@ var script = defineComponent({
       activated.value = false;
     }
     function reset() {
+      var _a;
       if (draftModelValue.value !== proxyModelValue.value) {
-        draftModelValue.value = proxyModelValue.value;
+        draftModelValue.value = (_a = proxyModelValue.value) !== null && _a !== void 0 ? _a : '';
       }
       activated.value = false;
     }
     // Effects
     watch(proxyModelValue, value => {
-      draftModelValue.value = value;
+      draftModelValue.value = value !== null && value !== void 0 ? value : '';
     }, {
       immediate: true
     });
@@ -146,7 +147,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "textarea[data-v-d02de720]{min-width:0;background:0 0;outline:0}";
+var css_248z = "textarea[data-v-314d21b0]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -245,7 +246,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-d02de720";
+const __vue_scope_id__ = "data-v-314d21b0";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/v2/{OrSegmentedControl-908d951a.js → OrSegmentedControl-17df63b8.js}

@@ -77,6 +77,11 @@ var __vue_render__$1 = function () {
     attrs: {
       "selected": _vm.selected ? '' : null,
       "disabled": _vm.disabled ? '' : null
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.$emit('click', $event);
+      }
     }
   }, 'div', _vm.$attrs, false), [_c('div', {
     class: ['truncate']

package/dist/v2/index.js

@@ -32,9 +32,9 @@ export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-7cd104
 export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-2088a37f.js';
 export { a as IconSize, I as IconVariant, _ as OrIconV3 } from './OrIcon-124f3bad.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-6a15ea2b.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-8455f9da.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-f00cba5e.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-60227e46.js';
-export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-1127e512.js';
+export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-75de33d0.js';
 export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-208dceac.js';
 export { I as InputType, _ as OrInputV3 } from './OrInput-24028f23.js';
 export { a as OrNumberInput, b as OrPassword, _ as OrTextarea } from './OrPassword-a8b36c5b.js';
@@ -63,7 +63,7 @@ export { _ as OrRadio } from './OrRadio-514e8de8.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
 export { _ as OrRadioV3 } from './OrRadio-4ba56887.js';
 export { _ as OrSearchV3 } from './OrSearch-978a3a6e.js';
-export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-908d951a.js';
+export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-17df63b8.js';
 export { _ as OrSelect } from './OrSelect-ea27a70e.js';
 export { _ as OrSelectV3 } from './OrSelect-c6d0a69e.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';

package/dist/v2/index2.js

@@ -32,9 +32,9 @@ export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-7cd104
 export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-2088a37f.js';
 export { a as IconSize, I as IconVariant, _ as OrIconV3 } from './OrIcon-124f3bad.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-6a15ea2b.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-8455f9da.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-f00cba5e.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-60227e46.js';
-export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-1127e512.js';
+export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-75de33d0.js';
 export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-208dceac.js';
 export { I as InputType, _ as OrInputV3 } from './OrInput-24028f23.js';
 export { a as OrNumberInput, b as OrPassword, _ as OrTextarea } from './OrPassword-a8b36c5b.js';
@@ -63,7 +63,7 @@ export { _ as OrRadio } from './OrRadio-514e8de8.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
 export { _ as OrRadioV3 } from './OrRadio-4ba56887.js';
 export { _ as OrSearchV3 } from './OrSearch-978a3a6e.js';
-export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-908d951a.js';
+export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-17df63b8.js';
 export { _ as OrSelect } from './OrSelect-ea27a70e.js';
 export { _ as OrSelectV3 } from './OrSelect-c6d0a69e.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';

package/dist/v2/index34.js

@@ -1,4 +1,4 @@
-export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-8455f9da.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-f00cba5e.js';
 export { I as InlineInputSize } from './OrInlineInputBox-6a15ea2b.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';

package/dist/v2/index36.js

@@ -1,4 +1,4 @@
-export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-1127e512.js';
+export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-75de33d0.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/v2/index63.js

@@ -1,4 +1,4 @@
-export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-908d951a.js';
+export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-17df63b8.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/v3/{OrInlineInput-a080b0a3.js → OrInlineInput-bac4abdd.js}

@@ -129,14 +129,15 @@ var script = defineComponent({
       activated.value = false;
     }
     function reset() {
+      var _a;
       if (draftModelValue.value !== proxyModelValue.value) {
-        draftModelValue.value = proxyModelValue.value;
+        draftModelValue.value = (_a = proxyModelValue.value) !== null && _a !== void 0 ? _a : '';
       }
       activated.value = false;
     }
     // Effects
     watch(proxyModelValue, value => {
-      draftModelValue.value = value;
+      draftModelValue.value = value !== null && value !== void 0 ? value : '';
     }, {
       immediate: true
     });

package/dist/v3/{OrInlineTextarea-08767485.js → OrInlineTextarea-d1ec1bba.js}

@@ -115,14 +115,15 @@ var script = defineComponent({
       activated.value = false;
     }
     function reset() {
+      var _a;
       if (draftModelValue.value !== proxyModelValue.value) {
-        draftModelValue.value = proxyModelValue.value;
+        draftModelValue.value = (_a = proxyModelValue.value) !== null && _a !== void 0 ? _a : '';
       }
       activated.value = false;
     }
     // Effects
     watch(proxyModelValue, value => {
-      draftModelValue.value = value;
+      draftModelValue.value = value !== null && value !== void 0 ? value : '';
     }, {
       immediate: true
     });

package/dist/v3/{OrSegmentedControl-e6fdc79b.js → OrSegmentedControl-2bbc0f22.js}

@@ -73,7 +73,8 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   }, _ctx.$attrs, {
     class: _ctx.rootStyles,
     selected: _ctx.selected ? '' : null,
-    disabled: _ctx.disabled ? '' : null
+    disabled: _ctx.disabled ? '' : null,
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('click', $event))
   }), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")])], 16 /* FULL_PROPS */, _hoisted_1);
 }
 

package/dist/v3/index.js

@@ -29,9 +29,9 @@ export { s as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-e23028
 export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-5fb3a9aa.js';
 export { a as IconSize, I as IconVariant, s as OrIconV3 } from './OrIcon-b3906e35.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './OrInlineInputBox-1b473796.js';
-export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-a080b0a3.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-bac4abdd.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-455a2d64.js';
-export { s as OrInlineTextareaV3 } from './OrInlineTextarea-08767485.js';
+export { s as OrInlineTextareaV3 } from './OrInlineTextarea-d1ec1bba.js';
 export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-634230b1.js';
 export { I as InputType, s as OrInputV3 } from './OrInput-256d2530.js';
 export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from './OrSearch-2874026c.js';
@@ -58,7 +58,7 @@ export { s as OrRadio } from './OrRadio-c3ab11f2.js';
 export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
 export { s as OrRadioV3 } from './OrRadio-0c1883f2.js';
 export { s as OrSearchV3 } from './OrSearch-375eab55.js';
-export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-e6fdc79b.js';
+export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-2bbc0f22.js';
 export { s as OrSelect } from './OrSelect-056731af.js';
 export { s as OrSelectV3 } from './OrSelect-52cfb10d.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';

package/dist/v3/index2.js

@@ -29,9 +29,9 @@ export { s as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-e23028
 export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-5fb3a9aa.js';
 export { a as IconSize, I as IconVariant, s as OrIconV3 } from './OrIcon-b3906e35.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './OrInlineInputBox-1b473796.js';
-export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-a080b0a3.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-bac4abdd.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-455a2d64.js';
-export { s as OrInlineTextareaV3 } from './OrInlineTextarea-08767485.js';
+export { s as OrInlineTextareaV3 } from './OrInlineTextarea-d1ec1bba.js';
 export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-634230b1.js';
 export { I as InputType, s as OrInputV3 } from './OrInput-256d2530.js';
 export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from './OrSearch-2874026c.js';
@@ -58,7 +58,7 @@ export { s as OrRadio } from './OrRadio-c3ab11f2.js';
 export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
 export { s as OrRadioV3 } from './OrRadio-0c1883f2.js';
 export { s as OrSearchV3 } from './OrSearch-375eab55.js';
-export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-e6fdc79b.js';
+export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-2bbc0f22.js';
 export { s as OrSelect } from './OrSelect-056731af.js';
 export { s as OrSelectV3 } from './OrSelect-52cfb10d.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';

package/dist/v3/index34.js

@@ -1,4 +1,4 @@
-export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-a080b0a3.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-bac4abdd.js';
 export { I as InlineInputSize } from './OrInlineInputBox-1b473796.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';

package/dist/v3/index36.js

@@ -1,4 +1,4 @@
-export { s as OrInlineTextareaV3 } from './OrInlineTextarea-08767485.js';
+export { s as OrInlineTextareaV3 } from './OrInlineTextarea-d1ec1bba.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/v3/index63.js

@@ -1,4 +1,4 @@
-export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-e6fdc79b.js';
+export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-2bbc0f22.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.62.7-beta.1929.0",
+  "version": "2.62.7-beta.1932.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",

package/src/components/or-inline-input-v3/OrInlineInput.vue

@@ -217,7 +217,7 @@ export default defineComponent({
 
     function reset(): void {
       if (draftModelValue.value !== proxyModelValue.value) {
-        draftModelValue.value = proxyModelValue.value;
+        draftModelValue.value = proxyModelValue.value ?? '';
       }
 
       activated.value = false;
@@ -225,7 +225,7 @@ export default defineComponent({
 
     // Effects
     watch(proxyModelValue, (value) => {
-      draftModelValue.value = value;
+      draftModelValue.value = value ?? '';
     }, { immediate: true });
 
     return {

package/src/components/or-inline-textarea-v3/OrInlineTextarea.vue

@@ -205,7 +205,7 @@ export default defineComponent({
 
     function reset(): void {
       if (draftModelValue.value !== proxyModelValue.value) {
-        draftModelValue.value = proxyModelValue.value;
+        draftModelValue.value = proxyModelValue.value ?? '';
       }
 
       activated.value = false;
@@ -213,7 +213,7 @@ export default defineComponent({
 
     // Effects
     watch(proxyModelValue, (value) => {
-      draftModelValue.value = value;
+      draftModelValue.value = value ?? '';
     }, { immediate: true });
 
     return {

package/src/components/or-segmented-control-v3/OrSegmentedControl.stories3.ts

@@ -85,8 +85,6 @@ const Template: StoryFn<typeof OrSegmentedControl> = (args) => ({
       v-bind="args"
       @update:modelValue="onUpdateModelValue"
       @input="onInput"
-      @focus="onFocus"
-      @blur="onBlur"
     />
   `,
 });

package/src/components/or-segmented-control-v3/components/or-segmented-control-item/OrSegmentedControlItem.vue

@@ -5,6 +5,7 @@
     :class="rootStyles"
     :selected="selected ? '' : null"
     :disabled="disabled ? '' : null"
+    @click="$emit('click', $event)"
   >
     <div :class="['truncate']">
       <slot />

package/src/hooks/useClassAttribute.ts

@@ -8,7 +8,7 @@ export function useClassAttribute(): UseClassAttributeReturn {
 
   // Functions
   function composeClass(): UnwrapRef<UseClassAttributeReturn> {
-    const { staticClass = '', class: classProperty } = (currentInstance?.vnode as VNode).data ?? {};
+    const { staticClass = '', class: classProperty } = (currentInstance?.vnode as unknown as VNode).data ?? {};
 
     if (!classProperty) {
       return staticClass || undefined;