@onereach/ui-components 8.13.1 → 8.13.2-beta.3781.0

package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrConfirmV3-11fd3c66.js';
+export { _ as default } from '../OrConfirmV3-f46eec80.js';
 import '../OrAvatar-3f8448d6.js';

package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.vue.d.ts

@@ -31,6 +31,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     close: () => void;
     onInputFocus: () => void;
     onInputBlur: () => void;
+    preventInputBlur: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     isOpen: {
         type: BooleanConstructor;
@@ -169,6 +170,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     close: () => void;
     onInputFocus: () => void;
     onInputBlur: () => void;
+    preventInputBlur: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     isOpen: boolean;
     titleText: string;

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

@@ -1 +1 @@
-export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirmV3-11fd3c66.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirmV3-f46eec80.js';

package/dist/bundled/v2/components/OrConfirmV3/props.js

@@ -1 +1 @@
-export { C as ConfirmType } from '../OrConfirmV3-11fd3c66.js';
+export { C as ConfirmType } from '../OrConfirmV3-f46eec80.js';

package/dist/bundled/v2/components/OrConfirmV3/styles.js

@@ -1 +1 @@
-export { a as Confirm, d as ConfirmFooter, f as ConfirmFooterButtons, e as ConfirmFooterTypes, b as ConfirmHeader, c as ConfirmInput } from '../OrConfirmV3-11fd3c66.js';
+export { a as Confirm, d as ConfirmFooter, f as ConfirmFooterButtons, e as ConfirmFooterTypes, b as ConfirmHeader, c as ConfirmInput } from '../OrConfirmV3-f46eec80.js';

package/dist/bundled/v2/components/{OrConfirmV3-11fd3c66.js → OrConfirmV3-f46eec80.js}

@@ -150,6 +150,9 @@ var script = defineComponent({
       isInputActive.value = false;
       touched.value = true;
     }
+    function preventInputBlur() {
+      event.preventDefault();
+    }
     // Events
     watch(escape, val => {
       if (val) close();
@@ -203,7 +206,8 @@ var script = defineComponent({
       open,
       close,
       onInputFocus,
-      onInputBlur
+      onInputBlur,
+      preventInputBlur
     };
   }
 });
@@ -262,7 +266,8 @@ var __vue_render__ = function () {
         "disabled": _vm.loading
       },
       on: {
-        "click": _vm.close
+        "click": _vm.close,
+        "mousedown": _vm.preventInputBlur
       }
     }, [_vm._v("\n          " + _vm._s(_vm.cancelButtonText) + "\n        ")]), _vm._v(" "), _c('OrButton', {
       ref: "confirmationButton",

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

@@ -22,7 +22,7 @@ export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
 export { _ as OrCombinedInputV3 } from './OrCombinedInputV3-b3dc54c4.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateRangePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, _ as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize, I as TimeRangePickerSize } from './OrInputBoxV3-ebe8a9ad.js';
 export { _ as OrConfirm } from './OrConfirm-5b90b997.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirmV3-11fd3c66.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirmV3-f46eec80.js';
 export { OrContextMenuV3 } from './OrContextMenuV3/index.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopoverV3-d9fad3ae.js';
 export { _ as OrDateFormatV3 } from './OrDateFormatV3-6a15471f.js';

package/dist/bundled/v2/index.js

@@ -14,7 +14,7 @@ export { C as CodeLanguage, _ as OrCodeV3 } from './components/OrCodeV3-9547f7f2
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './components/OrColorPicker-aad14847.js';
 export { _ as OrCombinedInputV3 } from './components/OrCombinedInputV3-b3dc54c4.js';
 export { _ as OrConfirm } from './components/OrConfirm-5b90b997.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './components/OrConfirmV3-11fd3c66.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './components/OrConfirmV3-f46eec80.js';
 export { OrContextMenuV3 } from './components/OrContextMenuV3/index.js';
 export { _ as OrDateFormatV3 } from './components/OrDateFormatV3-6a15471f.js';
 export { D as DropdownClose, a as DropdownOpen, _ as OrDatePickerV3 } from './components/OrDatePickerV3-210d38b4.js';

package/dist/bundled/v3/components/OrConfirmV3/OrConfirm.js

@@ -1 +1 @@
-export { s as default } from '../OrConfirmV3-719a3b73.js';
+export { s as default } from '../OrConfirmV3-78fe2278.js';

package/dist/bundled/v3/components/OrConfirmV3/OrConfirm.vue.d.ts

@@ -70,6 +70,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     close: () => void;
     onInputFocus: () => void;
     onInputBlur: () => void;
+    preventInputBlur: () => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:state" | "open" | "close" | "confirm")[], "update:state" | "open" | "close" | "confirm", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     isOpen: {
         type: BooleanConstructor;

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

@@ -1 +1 @@
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirmV3-719a3b73.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirmV3-78fe2278.js';

package/dist/bundled/v3/components/OrConfirmV3/props.js

@@ -1 +1 @@
-export { C as ConfirmType } from '../OrConfirmV3-719a3b73.js';
+export { C as ConfirmType } from '../OrConfirmV3-78fe2278.js';

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

@@ -1 +1 @@
-export { a as Confirm, d as ConfirmFooter, f as ConfirmFooterButtons, e as ConfirmFooterTypes, b as ConfirmHeader, c as ConfirmInput } from '../OrConfirmV3-719a3b73.js';
+export { a as Confirm, d as ConfirmFooter, f as ConfirmFooterButtons, e as ConfirmFooterTypes, b as ConfirmHeader, c as ConfirmInput } from '../OrConfirmV3-78fe2278.js';

package/dist/bundled/v3/components/{OrConfirmV3-719a3b73.js → OrConfirmV3-78fe2278.js}

@@ -150,6 +150,9 @@ var script = defineComponent({
       isInputActive.value = false;
       touched.value = true;
     }
+    function preventInputBlur() {
+      event.preventDefault();
+    }
     // Events
     watch(escape, val => {
       if (val) close();
@@ -203,7 +206,8 @@ var script = defineComponent({
       open,
       close,
       onInputFocus,
-      onInputBlur
+      onInputBlur,
+      preventInputBlur
     };
   }
 });
@@ -247,12 +251,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.buttonsStyles),
       variant: "outlined",
       disabled: _ctx.loading,
-      onClick: _ctx.close
+      onClick: _ctx.close,
+      onMousedown: _ctx.preventInputBlur
     }, {
       default: withCtx(() => [createTextVNode(toDisplayString(_ctx.cancelButtonText), 1 /* TEXT */)]),
 
       _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["class", "disabled", "onClick"]), createVNode(_component_OrButton, {
+    }, 8 /* PROPS */, ["class", "disabled", "onClick", "onMousedown"]), createVNode(_component_OrButton, {
       ref: "confirmationButton",
       class: normalizeClass(_ctx.buttonsStyles),
       color: _ctx.confirmButtonColor,

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

@@ -22,7 +22,7 @@ export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
 export { s as OrCombinedInputV3 } from './OrCombinedInputV3-c522cc77.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateRangePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize, I as TimeRangePickerSize } from './OrInputBoxV3-0545cc66.js';
 export { s as OrConfirm } from './OrConfirm-de1edf52.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-719a3b73.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-78fe2278.js';
 export { OrContextMenuV3 } from './OrContextMenuV3/index.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopoverV3-d3b92420.js';
 export { s as OrDateFormatV3 } from './OrDateFormatV3-d09f60e5.js';

package/dist/bundled/v3/index.js

@@ -13,7 +13,7 @@ export { C as CodeLanguage, s as OrCodeV3 } from './components/OrCodeV3-770a37e2
 export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './components/OrColorPicker-fc627759.js';
 export { s as OrCombinedInputV3 } from './components/OrCombinedInputV3-c522cc77.js';
 export { s as OrConfirm } from './components/OrConfirm-de1edf52.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-719a3b73.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-78fe2278.js';
 export { OrContextMenuV3 } from './components/OrContextMenuV3/index.js';
 export { s as OrDateFormatV3 } from './components/OrDateFormatV3-d09f60e5.js';
 export { D as DropdownClose, a as DropdownOpen, s as OrDatePickerV3 } from './components/OrDatePickerV3-6d1fb1b8.js';

package/dist/esm/v2/{OrConfirm-514ea879.js → OrConfirm-6547b022.js}

@@ -155,6 +155,9 @@ var script = defineComponent({
       isInputActive.value = false;
       touched.value = true;
     }
+    function preventInputBlur() {
+      event.preventDefault();
+    }
     // Events
     watch(escape, val => {
       if (val) close();
@@ -208,7 +211,8 @@ var script = defineComponent({
       open,
       close,
       onInputFocus,
-      onInputBlur
+      onInputBlur,
+      preventInputBlur
     };
   }
 });
@@ -267,7 +271,8 @@ var __vue_render__ = function () {
         "disabled": _vm.loading
       },
       on: {
-        "click": _vm.close
+        "click": _vm.close,
+        "mousedown": _vm.preventInputBlur
       }
     }, [_vm._v("\n          " + _vm._s(_vm.cancelButtonText) + "\n        ")]), _vm._v(" "), _c('OrButton', {
       ref: "confirmationButton",

package/dist/esm/v2/components/index.js

@@ -33,7 +33,7 @@ export { _ as OrCombinedInputV3 } from '../OrCombinedInput-a6f36356.js';
 export { _ as OrInputBoxV3 } from '../OrInputBox-809390ed.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateRangePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize, I as TimeRangePickerSize } from '../OrInputBox.vue_rollup-plugin-vue_script-5c15735e.js';
 export { _ as OrConfirm } from '../OrConfirm-f3f7ec59.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-514ea879.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-6547b022.js';
 export { _ as OrContextMenuV3 } from '../OrContextMenu-f881a420.js';
 export { _ as OrMenuV3 } from '../OrMenu-fd22b35f.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-89a17951.js';

package/dist/esm/v2/components/or-confirm-v3/OrConfirm.vue.d.ts

@@ -31,6 +31,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     close: () => void;
     onInputFocus: () => void;
     onInputBlur: () => void;
+    preventInputBlur: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     isOpen: {
         type: BooleanConstructor;
@@ -169,6 +170,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     close: () => void;
     onInputFocus: () => void;
     onInputBlur: () => void;
+    preventInputBlur: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     isOpen: boolean;
     titleText: string;

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

@@ -1,4 +1,4 @@
-export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-514ea879.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-6547b022.js';
 import '@vueuse/core';
 import '@vueuse/math';
 import 'vue-demi';

package/dist/esm/v2/index.js

@@ -33,7 +33,7 @@ export { _ as OrCombinedInputV3 } from './OrCombinedInput-a6f36356.js';
 export { _ as OrInputBoxV3 } from './OrInputBox-809390ed.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateRangePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize, I as TimeRangePickerSize } from './OrInputBox.vue_rollup-plugin-vue_script-5c15735e.js';
 export { _ as OrConfirm } from './OrConfirm-f3f7ec59.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-514ea879.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-6547b022.js';
 export { _ as OrContextMenuV3 } from './OrContextMenu-f881a420.js';
 export { _ as OrMenuV3 } from './OrMenu-fd22b35f.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-89a17951.js';

package/dist/esm/v3/{OrConfirm-838e6355.js → OrConfirm-2be7047a.js}

@@ -154,6 +154,9 @@ var script = defineComponent({
       isInputActive.value = false;
       touched.value = true;
     }
+    function preventInputBlur() {
+      event.preventDefault();
+    }
     // Events
     watch(escape, val => {
       if (val) close();
@@ -207,7 +210,8 @@ var script = defineComponent({
       open,
       close,
       onInputFocus,
-      onInputBlur
+      onInputBlur,
+      preventInputBlur
     };
   }
 });
@@ -251,12 +255,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.buttonsStyles),
       variant: "outlined",
       disabled: _ctx.loading,
-      onClick: _ctx.close
+      onClick: _ctx.close,
+      onMousedown: _ctx.preventInputBlur
     }, {
       default: withCtx(() => [createTextVNode(toDisplayString(_ctx.cancelButtonText), 1 /* TEXT */)]),
 
       _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["class", "disabled", "onClick"]), createVNode(_component_OrButton, {
+    }, 8 /* PROPS */, ["class", "disabled", "onClick", "onMousedown"]), createVNode(_component_OrButton, {
       ref: "confirmationButton",
       class: normalizeClass(_ctx.buttonsStyles),
       color: _ctx.confirmButtonColor,

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

@@ -30,7 +30,7 @@ export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
 export { s as OrCombinedInputV3 } from '../OrCombinedInput-486aaa11.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateRangePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize, I as TimeRangePickerSize } from '../OrInputBox-0842121a.js';
 export { s as OrConfirm } from '../OrConfirm-859ff5a2.js';
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-838e6355.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-2be7047a.js';
 export { s as OrContextMenuV3 } from '../OrContextMenu-2301ac4a.js';
 export { s as OrMenuV3 } from '../OrMenu-da71f493.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-2748fb5d.js';

package/dist/esm/v3/components/or-confirm-v3/OrConfirm.vue.d.ts

@@ -70,6 +70,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     close: () => void;
     onInputFocus: () => void;
     onInputBlur: () => void;
+    preventInputBlur: () => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:state" | "open" | "close" | "confirm")[], "update:state" | "open" | "close" | "confirm", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     isOpen: {
         type: BooleanConstructor;

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

@@ -1,4 +1,4 @@
-export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-838e6355.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-2be7047a.js';
 import '@vueuse/core';
 import '@vueuse/math';
 import 'vue-demi';

package/dist/esm/v3/index.js

@@ -30,7 +30,7 @@ export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
 export { s as OrCombinedInputV3 } from './OrCombinedInput-486aaa11.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateRangePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize, I as TimeRangePickerSize } from './OrInputBox-0842121a.js';
 export { s as OrConfirm } from './OrConfirm-859ff5a2.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-838e6355.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-2be7047a.js';
 export { s as OrContextMenuV3 } from './OrContextMenu-2301ac4a.js';
 export { s as OrMenuV3 } from './OrMenu-da71f493.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-2748fb5d.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "8.13.1",
+  "version": "8.13.2-beta.3781.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -176,6 +176,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "6632dac8229d853b957a5fb9aac72a2ed65531ea"
+  }
 }

package/src/components/or-confirm-v3/OrConfirm.vue

@@ -45,6 +45,7 @@
             variant="outlined"
             :disabled="loading"
             @click="close"
+            @mousedown="preventInputBlur"
           >
             {{ cancelButtonText }}
           </OrButton>
@@ -203,6 +204,10 @@ export default defineComponent({
       touched.value = true;
     }
 
+    function preventInputBlur() {
+      (event as MouseEvent).preventDefault()
+    }
+
     // Events
     watch(escape, (val) => {
       if (val) close();
@@ -278,6 +283,7 @@ export default defineComponent({
       close,
       onInputFocus,
       onInputBlur,
+      preventInputBlur,
     };
   },
 });