@onereach/ui-components 19.4.0 → 19.4.1

package/dist/bundled/components/OrDrawerV3/OrDrawer.js

@@ -1 +1 @@
-export { s as default } from '../OrDrawerV3-6c45a5e8.js';
+export { s as default } from '../OrDrawerV3-279e0777.js';

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

@@ -1 +1 @@
-export { D as DrawerPlacement, s as OrDrawerV3 } from '../OrDrawerV3-6c45a5e8.js';
+export { D as DrawerPlacement, s as OrDrawerV3 } from '../OrDrawerV3-279e0777.js';

package/dist/bundled/components/OrDrawerV3/styles.js

@@ -1 +1 @@
-export { a as Drawer, d as DrawerContent, c as DrawerPadding, b as DrawerPlacements } from '../OrDrawerV3-6c45a5e8.js';
+export { a as Drawer, d as DrawerContent, c as DrawerPadding, b as DrawerPlacements } from '../OrDrawerV3-279e0777.js';

package/dist/bundled/components/{OrDrawerV3-6c45a5e8.js → OrDrawerV3-279e0777.js}

@@ -87,8 +87,14 @@ var script = defineComponent({
       }
     });
     // Effects
-    onClickOutside(root, () => {
-      close();
+    onClickOutside(root, event => {
+      const path = event.composedPath();
+      const ignoreClasses = ['or-popover-v3', 'or-bottom-sheet-v3', 'or-modal-v3'];
+      if (!path.some(({
+        classList
+      }) => ignoreClasses.some(ignoreClass => classList === null || classList === void 0 ? void 0 : classList.contains(ignoreClass)))) {
+        close();
+      }
     });
     useSwipe(root, {
       onSwipeEnd: (event, direction) => {

package/dist/bundled/components/index.js

@@ -31,7 +31,7 @@ export { s as OrDateRangePickerV3 } from './OrDateRangePickerV3-ab4a5170.js';
 export { s as OrDateTimeFormatV3 } from './OrDateTimeFormatV3-4d670434.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, n as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-9b959de2.js';
 export { a as OrDateTimePickerDateControl, b as OrDateTimePickerDateSelect, c as OrDateTimePickerMobileControl, d as OrDateTimePickerMonthSelect, e as OrDateTimePickerPopoverFooter, g as OrDateTimePickerPopoverHeader, l as OrDateTimePickerTimeControl, m as OrDateTimePickerTimeSelect, s as OrDateTimePickerV3, f as formatDate, i as formatMobileDate, n as formatMobileTime, k as formatTime, h as getCurrentDate, j as getNextMonthDate, o as scrollToElementWithinContainer } from './OrDateTimePickerV3-fae2c559.js';
-export { D as DrawerPlacement, s as OrDrawerV3 } from './OrDrawerV3-6c45a5e8.js';
+export { D as DrawerPlacement, s as OrDrawerV3 } from './OrDrawerV3-279e0777.js';
 export { D as DropAreaSize, s as OrDropAreaV3, a as approximateFileSize } from './OrDropAreaV3-f5cf734e.js';
 export { E as EditorTabsOverflow, s as OrEditorTabsV3 } from './OrEditorTabsV3-36ef6b73.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from './OrEmptyStateV3-9f88aee1.js';

package/dist/bundled/index.js

@@ -21,7 +21,7 @@ export { s as OrDateFormatV3 } from './components/OrDateFormatV3-3495075a.js';
 export { s as OrDateRangePickerV3 } from './components/OrDateRangePickerV3-ab4a5170.js';
 export { s as OrDateTimeFormatV3 } from './components/OrDateTimeFormatV3-4d670434.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, n as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './components/OrDateTimePicker-9b959de2.js';
-export { D as DrawerPlacement, s as OrDrawerV3 } from './components/OrDrawerV3-6c45a5e8.js';
+export { D as DrawerPlacement, s as OrDrawerV3 } from './components/OrDrawerV3-279e0777.js';
 export { D as DropAreaSize, s as OrDropAreaV3, a as approximateFileSize } from './components/OrDropAreaV3-f5cf734e.js';
 export { E as EditorTabsOverflow, s as OrEditorTabsV3 } from './components/OrEditorTabsV3-36ef6b73.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from './components/OrEmptyStateV3-9f88aee1.js';

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

@@ -96,8 +96,14 @@ var script = defineComponent({
       }
     });
     // Effects
-    onClickOutside(root, () => {
-      close();
+    onClickOutside(root, event => {
+      const path = event.composedPath();
+      const ignoreClasses = ['or-popover-v3', 'or-bottom-sheet-v3', 'or-modal-v3'];
+      if (!path.some(({
+        classList
+      }) => ignoreClasses.some(ignoreClass => classList === null || classList === void 0 ? void 0 : classList.contains(ignoreClass)))) {
+        close();
+      }
     });
     useSwipe(root, {
       onSwipeEnd: (event, direction) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "19.4.0",
+  "version": "19.4.1",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v3",
   "sideEffects": false,
@@ -33,7 +33,7 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^19.4.0",
+    "@onereach/styles": "^19.4.1",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -141,5 +141,5 @@
     },
     "./package.json": "./package.json"
   },
-  "gitHead": "3baa15fb0a2b6abb7714ca09a08acb320293be77"
+  "gitHead": "e4d92db0a04d7d6ae57881105d6a1aa9d3d29477"
 }

package/src/components/or-drawer-v3/OrDrawer.vue

@@ -97,8 +97,14 @@ export default defineComponent({
     });
 
     // Effects
-    onClickOutside(root, () => {
-      close();
+    onClickOutside(root, (event) => {
+      const path = event.composedPath() as Element[];
+      const ignoreClasses = ['or-popover-v3', 'or-bottom-sheet-v3', 'or-modal-v3'];
+
+      if (!path.some(({ classList }) => ignoreClasses.some((ignoreClass) => classList?.contains(ignoreClass)))) {
+        close();
+      }
+
     });
 
     useSwipe(root, {