sprintify-ui 0.0.111 → 0.0.112

package/dist/types/src/composables/clickOutside.d.ts

@@ -1,6 +1,6 @@
 import { MaybeElementRef } from '@vueuse/core';
 interface UseClickOutsideOptions {
-    includes?: MaybeElementRef[];
+    includes?: (MaybeElementRef | string)[];
 }
 export declare function useClickOutside(element: MaybeElementRef, callback: () => void, options?: UseClickOutsideOptions): {
     stop: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.111",
+  "version": "0.0.112",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/composables/clickOutside.ts

@@ -1,7 +1,8 @@
 import { MaybeElementRef, unrefElement, tryOnScopeDispose } from '@vueuse/core';
+import { isString } from 'lodash';
 
 interface UseClickOutsideOptions {
-  includes?: MaybeElementRef[];
+  includes?: (MaybeElementRef | string)[];
 }
 
 export function useClickOutside(
@@ -27,7 +28,18 @@ export function useClickOutside(
   function onClick(e: Event) {
     const el = unrefElement(element);
 
-    const includeEls = options.includes?.map(unrefElement) ?? [];
+    const includeEls = [] as Element[];
+
+    options.includes?.forEach((include) => {
+      if (isString(include)) {
+        includeEls.push(...document.querySelectorAll(include));
+        return;
+      }
+      const element = unrefElement(include);
+      if (element) {
+        includeEls.push(element);
+      }
+    }) ?? [];
 
     if (!el) {
       return;