@onereach/ui-components 16.1.1 → 16.2.0-beta.4752.0

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

@@ -33,6 +33,10 @@ var script = defineComponent({
       type: String,
       default: 'Confirm'
     },
+    autoCloseOnConfirm: {
+      type: Boolean,
+      default: true
+    },
     cancelButtonText: {
       type: String,
       default: 'Cancel'
@@ -108,6 +112,12 @@ var script = defineComponent({
     function onInputBlur() {
       isInputActive.value = false;
     }
+    function onConfirmClick() {
+      confirm();
+      if (props.autoCloseOnConfirm) {
+        close();
+      }
+    }
     // Events
     watch(escape, val => {
       if (val) close();
@@ -145,6 +155,7 @@ var script = defineComponent({
       footerStyles,
       buttonsStyles,
       confirm,
+      onConfirmClick,
       open,
       close,
       onInputFocus,
@@ -219,10 +230,7 @@ var __vue_render__ = function () {
         "disabled": _vm.isConfirmationButtonDisabled
       },
       on: {
-        "click": function ($event) {
-          _vm.confirm();
-          _vm.close();
-        }
+        "click": _vm.onConfirmClick
       }
     }, [_vm._v("\n          " + _vm._s(_vm.confirmButtonText) + "\n        ")])], 1)];
   }, {

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

@@ -15,6 +15,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    autoCloseOnConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     cancelButtonText: {
         type: StringConstructor;
         default: string;
@@ -61,6 +65,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     footerStyles: import("vue-demi").ComputedRef<string[]>;
     buttonsStyles: import("vue-demi").ComputedRef<string[]>;
     confirm: () => void;
+    onConfirmClick: () => void;
     open: () => void;
     close: () => void;
     onInputFocus: () => void;
@@ -79,6 +84,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    autoCloseOnConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     cancelButtonText: {
         type: StringConstructor;
         default: string;
@@ -117,6 +126,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     isOpen: boolean;
     titleText: string;
     confirmButtonText: string;
+    autoCloseOnConfirm: boolean;
     cancelButtonText: string;
     confirmType: "d" | "c";
     loading: boolean;

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

@@ -1 +1 @@
-export { s as default } from '../OrConfirmV3-9cc0745f.js';
+export { s as default } from '../OrConfirmV3-15f3041e.js';

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

@@ -15,6 +15,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    autoCloseOnConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     cancelButtonText: {
         type: StringConstructor;
         default: string;
@@ -61,6 +65,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     footerStyles: import("vue-demi").ComputedRef<string[]>;
     buttonsStyles: import("vue-demi").ComputedRef<string[]>;
     confirm: () => void;
+    onConfirmClick: () => void;
     open: () => void;
     close: () => void;
     onInputFocus: () => void;
@@ -79,6 +84,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    autoCloseOnConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     cancelButtonText: {
         type: StringConstructor;
         default: string;
@@ -117,6 +126,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     isOpen: boolean;
     titleText: string;
     confirmButtonText: string;
+    autoCloseOnConfirm: boolean;
     cancelButtonText: string;
     confirmType: "d" | "c";
     loading: boolean;

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

@@ -1 +1 @@
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirmV3-9cc0745f.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirmV3-15f3041e.js';

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

@@ -1 +1 @@
-export { C as ConfirmType } from '../OrConfirmV3-9cc0745f.js';
+export { C as ConfirmType } from '../OrConfirmV3-15f3041e.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-9cc0745f.js';
+export { a as Confirm, d as ConfirmFooter, f as ConfirmFooterButtons, e as ConfirmFooterTypes, b as ConfirmHeader, c as ConfirmInput } from '../OrConfirmV3-15f3041e.js';

package/dist/bundled/v3/components/{OrConfirmV3-9cc0745f.js → OrConfirmV3-15f3041e.js}

@@ -79,6 +79,10 @@ var script = defineComponent({
       type: String,
       default: 'Confirm'
     },
+    autoCloseOnConfirm: {
+      type: Boolean,
+      default: true
+    },
     cancelButtonText: {
       type: String,
       default: 'Cancel'
@@ -154,6 +158,12 @@ var script = defineComponent({
     function onInputBlur() {
       isInputActive.value = false;
     }
+    function onConfirmClick() {
+      confirm();
+      if (props.autoCloseOnConfirm) {
+        close();
+      }
+    }
     // Events
     watch(escape, val => {
       if (val) close();
@@ -191,6 +201,7 @@ var script = defineComponent({
       footerStyles,
       buttonsStyles,
       confirm,
+      onConfirmClick,
       open,
       close,
       onInputFocus,
@@ -246,14 +257,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       color: _ctx.confirmButtonColor,
       loading: _ctx.loading,
       disabled: _ctx.isConfirmationButtonDisabled,
-      onClick: _cache[2] || (_cache[2] = $event => {
-        _ctx.confirm();
-        _ctx.close();
-      })
+      onClick: _ctx.onConfirmClick
     }, {
       default: withCtx(() => [createTextVNode(toDisplayString(_ctx.confirmButtonText), 1 /* TEXT */)]),
       _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["class", "color", "loading", "disabled"])], 2 /* CLASS */)])], 16 /* FULL_PROPS */)]),
+    }, 8 /* PROPS */, ["class", "color", "loading", "disabled", "onClick"])], 2 /* CLASS */)])], 16 /* FULL_PROPS */)]),
     _: 3 /* FORWARDED */
   })) : createCommentVNode("v-if", true);
 }

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

@@ -22,7 +22,7 @@ export { default as OrCollapse } from './OrCollapse/OrCollapse.js';
 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 './OrColorPicker-e47002da.js';
 export { s as OrCombinedInputV3 } from './OrCombinedInputV3-ceff5a22.js';
 export { s as OrConfirm } from './OrConfirm-64cf7569.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-9cc0745f.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-15f3041e.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
 export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-c33fee34.js';
 export { s as OrDateFormatV3 } from './OrDateFormatV3-c812a482.js';

package/dist/bundled/v3/index.js

@@ -14,7 +14,7 @@ export { C as CodeLanguage, s as OrCodeV3 } from './components/OrCodeV3-95f22d73
 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-e47002da.js';
 export { s as OrCombinedInputV3 } from './components/OrCombinedInputV3-ceff5a22.js';
 export { s as OrConfirm } from './components/OrConfirm-64cf7569.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-9cc0745f.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-15f3041e.js';
 export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
 export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-c33fee34.js';
 export { s as OrDateFormatV3 } from './components/OrDateFormatV3-c812a482.js';

package/dist/esm/v2/{OrConfirm-6766069a.js → OrConfirm-5aa5f76c.js}

@@ -84,6 +84,10 @@ var script = defineComponent({
       type: String,
       default: 'Confirm'
     },
+    autoCloseOnConfirm: {
+      type: Boolean,
+      default: true
+    },
     cancelButtonText: {
       type: String,
       default: 'Cancel'
@@ -159,6 +163,12 @@ var script = defineComponent({
     function onInputBlur() {
       isInputActive.value = false;
     }
+    function onConfirmClick() {
+      confirm();
+      if (props.autoCloseOnConfirm) {
+        close();
+      }
+    }
     // Events
     watch(escape, val => {
       if (val) close();
@@ -196,6 +206,7 @@ var script = defineComponent({
       footerStyles,
       buttonsStyles,
       confirm,
+      onConfirmClick,
       open,
       close,
       onInputFocus,
@@ -270,10 +281,7 @@ var __vue_render__ = function () {
         "disabled": _vm.isConfirmationButtonDisabled
       },
       on: {
-        "click": function ($event) {
-          _vm.confirm();
-          _vm.close();
-        }
+        "click": _vm.onConfirmClick
       }
     }, [_vm._v("\n          " + _vm._s(_vm.confirmButtonText) + "\n        ")])], 1)];
   }, {

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

@@ -32,7 +32,7 @@ export { _ as OrCollapse } from '../OrCollapse-8f62d508.js';
 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 '../OrColorPicker-b381a65b.js';
 export { _ as OrCombinedInputV3 } from '../OrCombinedInput-da2fc9f0.js';
 export { _ as OrConfirm } from '../OrConfirm-8f6d47e1.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-6766069a.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-5aa5f76c.js';
 export { _ as OrContextMenuV3 } from '../OrContextMenu-a6fee3eb.js';
 export { _ as OrDataGridV3 } from '../OrDataGrid-6461fca4.js';
 export { D as DataGridVariant } from '../OrDataGridToolbar-462aec20.js';

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

@@ -15,6 +15,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    autoCloseOnConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     cancelButtonText: {
         type: StringConstructor;
         default: string;
@@ -61,6 +65,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     footerStyles: import("vue-demi").ComputedRef<string[]>;
     buttonsStyles: import("vue-demi").ComputedRef<string[]>;
     confirm: () => void;
+    onConfirmClick: () => void;
     open: () => void;
     close: () => void;
     onInputFocus: () => void;
@@ -79,6 +84,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    autoCloseOnConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     cancelButtonText: {
         type: StringConstructor;
         default: string;
@@ -117,6 +126,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     isOpen: boolean;
     titleText: string;
     confirmButtonText: string;
+    autoCloseOnConfirm: boolean;
     cancelButtonText: string;
     confirmType: "d" | "c";
     loading: boolean;

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

@@ -1,4 +1,4 @@
-export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-6766069a.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-5aa5f76c.js';
 import '@vueuse/core';
 import '@vueuse/math';
 import 'vue-demi';

package/dist/esm/v2/index.js

@@ -32,7 +32,7 @@ export { _ as OrCollapse } from './OrCollapse-8f62d508.js';
 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 './OrColorPicker-b381a65b.js';
 export { _ as OrCombinedInputV3 } from './OrCombinedInput-da2fc9f0.js';
 export { _ as OrConfirm } from './OrConfirm-8f6d47e1.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-6766069a.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-5aa5f76c.js';
 export { _ as OrContextMenuV3 } from './OrContextMenu-a6fee3eb.js';
 export { _ as OrDataGridV3 } from './OrDataGrid-6461fca4.js';
 export { D as DataGridVariant } from './OrDataGridToolbar-462aec20.js';

package/dist/esm/v3/{OrConfirm-327d0622.js → OrConfirm-aa2ea8b3.js}

@@ -83,6 +83,10 @@ var script = defineComponent({
       type: String,
       default: 'Confirm'
     },
+    autoCloseOnConfirm: {
+      type: Boolean,
+      default: true
+    },
     cancelButtonText: {
       type: String,
       default: 'Cancel'
@@ -158,6 +162,12 @@ var script = defineComponent({
     function onInputBlur() {
       isInputActive.value = false;
     }
+    function onConfirmClick() {
+      confirm();
+      if (props.autoCloseOnConfirm) {
+        close();
+      }
+    }
     // Events
     watch(escape, val => {
       if (val) close();
@@ -195,6 +205,7 @@ var script = defineComponent({
       footerStyles,
       buttonsStyles,
       confirm,
+      onConfirmClick,
       open,
       close,
       onInputFocus,
@@ -250,14 +261,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       color: _ctx.confirmButtonColor,
       loading: _ctx.loading,
       disabled: _ctx.isConfirmationButtonDisabled,
-      onClick: _cache[2] || (_cache[2] = $event => {
-        _ctx.confirm();
-        _ctx.close();
-      })
+      onClick: _ctx.onConfirmClick
     }, {
       default: withCtx(() => [createTextVNode(toDisplayString(_ctx.confirmButtonText), 1 /* TEXT */)]),
       _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["class", "color", "loading", "disabled"])], 2 /* CLASS */)])], 16 /* FULL_PROPS */)]),
+    }, 8 /* PROPS */, ["class", "color", "loading", "disabled", "onClick"])], 2 /* CLASS */)])], 16 /* FULL_PROPS */)]),
     _: 3 /* FORWARDED */
   })) : createCommentVNode("v-if", true);
 }

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

@@ -30,7 +30,7 @@ export { s as OrCollapse } from '../OrCollapse-fdd7efab.js';
 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 '../OrColorPicker-28027e9a.js';
 export { s as OrCombinedInputV3 } from '../OrCombinedInput-75b556fa.js';
 export { s as OrConfirm } from '../OrConfirm-05a78778.js';
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-327d0622.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-aa2ea8b3.js';
 export { s as OrContextMenuV3 } from '../OrContextMenu-d8c71891.js';
 export { s as OrDataGridV3 } from '../OrDataGrid-550f18b2.js';
 export { D as DataGridVariant } from '../OrDataGridToolbar-a4871539.js';

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

@@ -15,6 +15,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    autoCloseOnConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     cancelButtonText: {
         type: StringConstructor;
         default: string;
@@ -61,6 +65,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     footerStyles: import("vue-demi").ComputedRef<string[]>;
     buttonsStyles: import("vue-demi").ComputedRef<string[]>;
     confirm: () => void;
+    onConfirmClick: () => void;
     open: () => void;
     close: () => void;
     onInputFocus: () => void;
@@ -79,6 +84,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    autoCloseOnConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     cancelButtonText: {
         type: StringConstructor;
         default: string;
@@ -117,6 +126,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     isOpen: boolean;
     titleText: string;
     confirmButtonText: string;
+    autoCloseOnConfirm: boolean;
     cancelButtonText: string;
     confirmType: "d" | "c";
     loading: boolean;

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

@@ -1,4 +1,4 @@
-export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-327d0622.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-aa2ea8b3.js';
 import '@vueuse/core';
 import '@vueuse/math';
 import 'vue-demi';

package/dist/esm/v3/index.js

@@ -30,7 +30,7 @@ export { s as OrCollapse } from './OrCollapse-fdd7efab.js';
 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 './OrColorPicker-28027e9a.js';
 export { s as OrCombinedInputV3 } from './OrCombinedInput-75b556fa.js';
 export { s as OrConfirm } from './OrConfirm-05a78778.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-327d0622.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-aa2ea8b3.js';
 export { s as OrContextMenuV3 } from './OrContextMenu-d8c71891.js';
 export { s as OrDataGridV3 } from './OrDataGrid-550f18b2.js';
 export { D as DataGridVariant } from './OrDataGridToolbar-a4871539.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "16.1.1",
+  "version": "16.2.0-beta.4752.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -179,6 +179,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "de80d373a3b8408b7554e36d34e5608a4d58e237"
+  }
 }

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

@@ -54,7 +54,7 @@
             :color="confirmButtonColor"
             :loading="loading"
             :disabled="isConfirmationButtonDisabled"
-            @click="confirm(); close()"
+            @click="onConfirmClick"
           >
             {{ confirmButtonText }}
           </OrButton>
@@ -103,6 +103,11 @@ export default defineComponent({
       default: 'Confirm',
     },
 
+    autoCloseOnConfirm: {
+      type: Boolean,
+      default: true,
+    },
+
     cancelButtonText: {
       type: String,
       default: 'Cancel',
@@ -223,6 +228,12 @@ export default defineComponent({
       isInputActive.value = false;
     }
 
+    function onConfirmClick(): void {
+      confirm();
+      if (props.autoCloseOnConfirm) {
+        close();
+      }
+    }
     // Events
     watch(escape, (val) => {
       if (val) close();
@@ -263,6 +274,7 @@ export default defineComponent({
       footerStyles,
       buttonsStyles,
       confirm,
+      onConfirmClick,
       open,
       close,
       onInputFocus,