sprintify-ui 0.0.110 → 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/dist/types/src/types/index.d.ts

@@ -169,6 +169,7 @@ export interface SelectConfigurationOption {
     [key: string]: any;
 }
 export interface SelectConfiguration {
+    option?: SelectConfigurationOption;
     options: SelectConfigurationOption[];
-    onChange: (option: SelectConfigurationOption | null) => void;
+    onChange?: (option: SelectConfigurationOption | null) => void;
 }

package/package.json

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

package/src/components/BaseAutocomplete.vue

@@ -425,8 +425,14 @@ const selection = ref(null) as Ref<OptionValue>;
 watch(
   () => props.select,
   (select) => {
-    if (select && select.options.length > 0) {
-      selection.value = select.options[0].value;
+    if (select) {
+      if (select.option) {
+        selection.value = select.option.value;
+      } else if (select.options.length) {
+        selection.value = select.options[0].value;
+      }
+    } else {
+      selection.value = null;
     }
   },
   { immediate: true }

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;

package/src/types/index.ts

@@ -205,6 +205,7 @@ export interface SelectConfigurationOption {
 }
 
 export interface SelectConfiguration {
+  option?: SelectConfigurationOption;
   options: SelectConfigurationOption[];
-  onChange: (option: SelectConfigurationOption | null) => void;
+  onChange?: (option: SelectConfigurationOption | null) => void;
 }