sprintify-ui 0.10.36 → 0.10.37

package/dist/sprintify-ui.es.js

@@ -10701,7 +10701,7 @@ const Dc = /* @__PURE__ */ Uo(Gv, [["render", Zv]]), Qv = { class: "relative w-f
       return o.showEmptyOption && (M = [
         { value: null, label: o.emptyOptionLabel, option: null },
         ...M
-      ]), C.value === !1 ? M : M.filter((R) => o.filter !== void 0 ? o.filter(R) : R.label ? R.label.toLowerCase().includes(g.value.toLowerCase()) : !1);
+      ]), C.value === !1 ? M : M.filter((R) => o.filter !== void 0 ? o.filter(R, g.value + "") : R.label ? R.label.toLowerCase().includes(g.value.toLowerCase()) : !1);
     });
     Ye(
       () => O.value,
@@ -11448,6 +11448,10 @@ const c0 = {
       default: void 0,
       type: String
     },
+    filter: {
+      default: void 0,
+      type: Function
+    },
     dropdownShow: {
       default: "focus",
       type: String
@@ -11522,6 +11526,7 @@ const c0 = {
       "has-error": t.hasError,
       inline: t.inline,
       size: t.size,
+      filter: t.filter,
       "dropdown-show": t.dropdownShow,
       "show-model-value": t.showModelValue,
       "show-empty-option": t.showEmptyOption,
@@ -11542,7 +11547,7 @@ const c0 = {
         ue(u.$slots, "footer", ft(pt(p)))
       ]),
       _: 3
-    }, 8, ["model-value", "options", "disabled", "name", "placeholder", "required", "value-key", "label-key", "has-error", "inline", "size", "dropdown-show", "show-model-value", "show-empty-option", "show-remove-button", "empty-option-label", "visible-focus", "focus-on-mount", "select"]));
+    }, 8, ["model-value", "options", "disabled", "name", "placeholder", "required", "value-key", "label-key", "has-error", "inline", "size", "filter", "dropdown-show", "show-model-value", "show-empty-option", "show-remove-button", "empty-option-label", "visible-focus", "focus-on-mount", "select"]));
   }
 }), x0 = /* @__PURE__ */ Q({
   __name: "BaseBelongsToFetch",

package/dist/types/components/BaseAutocomplete.vue.d.ts

@@ -449,7 +449,7 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
     };
     filter: {
         default: undefined;
-        type: PropType<(option: NormalizedOption) => boolean>;
+        type: PropType<(option: NormalizedOption, keywords: string) => boolean>;
     };
     hasError: {
         default: boolean;
@@ -589,7 +589,7 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
     };
     filter: {
         default: undefined;
-        type: PropType<(option: NormalizedOption) => boolean>;
+        type: PropType<(option: NormalizedOption, keywords: string) => boolean>;
     };
     hasError: {
         default: boolean;
@@ -650,7 +650,7 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
     onScrollBottom?: ((...args: any[]) => any) | undefined;
     onTyping?: ((...args: any[]) => any) | undefined;
 }>, {
-    filter: (option: NormalizedOption) => boolean;
+    filter: (option: NormalizedOption, keywords: string) => boolean;
     select: SelectConfiguration | undefined;
     size: "xs" | "sm" | "md" | "lg" | "xl";
     required: boolean;
@@ -719,7 +719,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     };
     filter: {
         default: undefined;
-        type: PropType<(option: NormalizedOption) => boolean>;
+        type: PropType<(option: NormalizedOption, keywords: string) => boolean>;
     };
     hasError: {
         default: boolean;
@@ -832,7 +832,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     };
     filter: {
         default: undefined;
-        type: PropType<(option: NormalizedOption) => boolean>;
+        type: PropType<(option: NormalizedOption, keywords: string) => boolean>;
     };
     hasError: {
         default: boolean;
@@ -893,7 +893,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onScrollBottom?: ((...args: any[]) => any) | undefined;
     onTyping?: ((...args: any[]) => any) | undefined;
 }>, {
-    filter: (option: NormalizedOption) => boolean;
+    filter: (option: NormalizedOption, keywords: string) => boolean;
     select: SelectConfiguration | undefined;
     size: "xs" | "sm" | "md" | "lg" | "xl";
     required: boolean;

package/dist/types/components/BaseAutocompleteFetch.vue.d.ts

@@ -12,7 +12,7 @@ declare const autocomplete: import("vue").Ref<({
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: Partial<{
-        filter: (option: import("@/types").NormalizedOption) => boolean;
+        filter: (option: import("@/types").NormalizedOption, keywords: string) => boolean;
         select: SelectConfiguration | undefined;
         size: "xs" | "sm" | "md" | "lg" | "xl";
         required: boolean;
@@ -49,7 +49,7 @@ declare const autocomplete: import("vue").Ref<({
         readonly showEmptyOption: boolean;
         readonly showRemoveButton: boolean;
         readonly emptyOptionLabel: string;
-        readonly filter?: ((option: import("@/types").NormalizedOption) => boolean) | undefined;
+        readonly filter?: ((option: import("@/types").NormalizedOption, keywords: string) => boolean) | undefined;
         readonly select?: SelectConfiguration | undefined;
         readonly size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         readonly required?: boolean | undefined;
@@ -127,7 +127,7 @@ declare const autocomplete: import("vue").Ref<({
         };
         filter: {
             default: undefined;
-            type: PropType<(option: import("@/types").NormalizedOption) => boolean>;
+            type: PropType<(option: import("@/types").NormalizedOption, keywords: string) => boolean>;
         };
         hasError: {
             default: boolean;
@@ -200,7 +200,7 @@ declare const autocomplete: import("vue").Ref<({
         scrollBottom: (...args: any[]) => void;
         typing: (...args: any[]) => void;
     }, string, {
-        filter: (option: import("@/types").NormalizedOption) => boolean;
+        filter: (option: import("@/types").NormalizedOption, keywords: string) => boolean;
         select: SelectConfiguration | undefined;
         size: "xs" | "sm" | "md" | "lg" | "xl";
         required: boolean;
@@ -242,7 +242,7 @@ declare const autocomplete: import("vue").Ref<({
     $nextTick: typeof import("vue").nextTick;
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
 } & Readonly<{
-    filter: (option: import("@/types").NormalizedOption) => boolean;
+    filter: (option: import("@/types").NormalizedOption, keywords: string) => boolean;
     select: SelectConfiguration | undefined;
     size: "xs" | "sm" | "md" | "lg" | "xl";
     required: boolean;
@@ -310,7 +310,7 @@ declare const autocomplete: import("vue").Ref<({
     };
     filter: {
         default: undefined;
-        type: PropType<(option: import("@/types").NormalizedOption) => boolean>;
+        type: PropType<(option: import("@/types").NormalizedOption, keywords: string) => boolean>;
     };
     hasError: {
         default: boolean;
@@ -408,7 +408,7 @@ declare const autocomplete: import("vue").Ref<({
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: Partial<{
-        filter: (option: import("@/types").NormalizedOption) => boolean;
+        filter: (option: import("@/types").NormalizedOption, keywords: string) => boolean;
         select: SelectConfiguration | undefined;
         size: "xs" | "sm" | "md" | "lg" | "xl";
         required: boolean;
@@ -445,7 +445,7 @@ declare const autocomplete: import("vue").Ref<({
         readonly showEmptyOption: boolean;
         readonly showRemoveButton: boolean;
         readonly emptyOptionLabel: string;
-        readonly filter?: ((option: import("@/types").NormalizedOption) => boolean) | undefined;
+        readonly filter?: ((option: import("@/types").NormalizedOption, keywords: string) => boolean) | undefined;
         readonly select?: SelectConfiguration | undefined;
         readonly size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         readonly required?: boolean | undefined;
@@ -523,7 +523,7 @@ declare const autocomplete: import("vue").Ref<({
         };
         filter: {
             default: undefined;
-            type: PropType<(option: import("@/types").NormalizedOption) => boolean>;
+            type: PropType<(option: import("@/types").NormalizedOption, keywords: string) => boolean>;
         };
         hasError: {
             default: boolean;
@@ -596,7 +596,7 @@ declare const autocomplete: import("vue").Ref<({
         scrollBottom: (...args: any[]) => void;
         typing: (...args: any[]) => void;
     }, string, {
-        filter: (option: import("@/types").NormalizedOption) => boolean;
+        filter: (option: import("@/types").NormalizedOption, keywords: string) => boolean;
         select: SelectConfiguration | undefined;
         size: "xs" | "sm" | "md" | "lg" | "xl";
         required: boolean;
@@ -638,7 +638,7 @@ declare const autocomplete: import("vue").Ref<({
     $nextTick: typeof import("vue").nextTick;
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
 } & Readonly<{
-    filter: (option: import("@/types").NormalizedOption) => boolean;
+    filter: (option: import("@/types").NormalizedOption, keywords: string) => boolean;
     select: SelectConfiguration | undefined;
     size: "xs" | "sm" | "md" | "lg" | "xl";
     required: boolean;
@@ -706,7 +706,7 @@ declare const autocomplete: import("vue").Ref<({
     };
     filter: {
         default: undefined;
-        type: PropType<(option: import("@/types").NormalizedOption) => boolean>;
+        type: PropType<(option: import("@/types").NormalizedOption, keywords: string) => boolean>;
     };
     hasError: {
         default: boolean;

package/dist/types/components/BaseBelongsTo.vue.d.ts

@@ -1,12 +1,12 @@
 import { PropType } from 'vue';
 import BaseAutocomplete from './BaseAutocomplete.vue';
-import { RawOption, SelectConfiguration } from '@/types';
+import { NormalizedOption, RawOption, SelectConfiguration } from '@/types';
 import { Size } from '@/utils/sizes';
 declare const autocomplete: import("vue").Ref<({
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: Partial<{
-        filter: (option: import("@/types").NormalizedOption) => boolean;
+        filter: (option: NormalizedOption, keywords: string) => boolean;
         select: SelectConfiguration | undefined;
         size: "xs" | "sm" | "md" | "lg" | "xl";
         required: boolean;
@@ -43,7 +43,7 @@ declare const autocomplete: import("vue").Ref<({
         readonly showEmptyOption: boolean;
         readonly showRemoveButton: boolean;
         readonly emptyOptionLabel: string;
-        readonly filter?: ((option: import("@/types").NormalizedOption) => boolean) | undefined;
+        readonly filter?: ((option: NormalizedOption, keywords: string) => boolean) | undefined;
         readonly select?: SelectConfiguration | undefined;
         readonly size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         readonly required?: boolean | undefined;
@@ -121,7 +121,7 @@ declare const autocomplete: import("vue").Ref<({
         };
         filter: {
             default: undefined;
-            type: PropType<(option: import("@/types").NormalizedOption) => boolean>;
+            type: PropType<(option: NormalizedOption, keywords: string) => boolean>;
         };
         hasError: {
             default: boolean;
@@ -194,7 +194,7 @@ declare const autocomplete: import("vue").Ref<({
         scrollBottom: (...args: any[]) => void;
         typing: (...args: any[]) => void;
     }, string, {
-        filter: (option: import("@/types").NormalizedOption) => boolean;
+        filter: (option: NormalizedOption, keywords: string) => boolean;
         select: SelectConfiguration | undefined;
         size: "xs" | "sm" | "md" | "lg" | "xl";
         required: boolean;
@@ -236,7 +236,7 @@ declare const autocomplete: import("vue").Ref<({
     $nextTick: typeof import("vue").nextTick;
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
 } & Readonly<{
-    filter: (option: import("@/types").NormalizedOption) => boolean;
+    filter: (option: NormalizedOption, keywords: string) => boolean;
     select: SelectConfiguration | undefined;
     size: "xs" | "sm" | "md" | "lg" | "xl";
     required: boolean;
@@ -304,7 +304,7 @@ declare const autocomplete: import("vue").Ref<({
     };
     filter: {
         default: undefined;
-        type: PropType<(option: import("@/types").NormalizedOption) => boolean>;
+        type: PropType<(option: NormalizedOption, keywords: string) => boolean>;
     };
     hasError: {
         default: boolean;
@@ -395,14 +395,14 @@ declare const autocomplete: import("vue").Ref<({
             open: () => void;
             close: () => void;
             keywords: import("vue").ComputedRef<string>;
-            options: import("@/types").NormalizedOption[];
+            options: NormalizedOption[];
         }) => any) | undefined;
     };
 }) | null, ({
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: Partial<{
-        filter: (option: import("@/types").NormalizedOption) => boolean;
+        filter: (option: NormalizedOption, keywords: string) => boolean;
         select: SelectConfiguration | undefined;
         size: "xs" | "sm" | "md" | "lg" | "xl";
         required: boolean;
@@ -439,7 +439,7 @@ declare const autocomplete: import("vue").Ref<({
         readonly showEmptyOption: boolean;
         readonly showRemoveButton: boolean;
         readonly emptyOptionLabel: string;
-        readonly filter?: ((option: import("@/types").NormalizedOption) => boolean) | undefined;
+        readonly filter?: ((option: NormalizedOption, keywords: string) => boolean) | undefined;
         readonly select?: SelectConfiguration | undefined;
         readonly size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         readonly required?: boolean | undefined;
@@ -517,7 +517,7 @@ declare const autocomplete: import("vue").Ref<({
         };
         filter: {
             default: undefined;
-            type: PropType<(option: import("@/types").NormalizedOption) => boolean>;
+            type: PropType<(option: NormalizedOption, keywords: string) => boolean>;
         };
         hasError: {
             default: boolean;
@@ -590,7 +590,7 @@ declare const autocomplete: import("vue").Ref<({
         scrollBottom: (...args: any[]) => void;
         typing: (...args: any[]) => void;
     }, string, {
-        filter: (option: import("@/types").NormalizedOption) => boolean;
+        filter: (option: NormalizedOption, keywords: string) => boolean;
         select: SelectConfiguration | undefined;
         size: "xs" | "sm" | "md" | "lg" | "xl";
         required: boolean;
@@ -632,7 +632,7 @@ declare const autocomplete: import("vue").Ref<({
     $nextTick: typeof import("vue").nextTick;
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
 } & Readonly<{
-    filter: (option: import("@/types").NormalizedOption) => boolean;
+    filter: (option: NormalizedOption, keywords: string) => boolean;
     select: SelectConfiguration | undefined;
     size: "xs" | "sm" | "md" | "lg" | "xl";
     required: boolean;
@@ -700,7 +700,7 @@ declare const autocomplete: import("vue").Ref<({
     };
     filter: {
         default: undefined;
-        type: PropType<(option: import("@/types").NormalizedOption) => boolean>;
+        type: PropType<(option: NormalizedOption, keywords: string) => boolean>;
     };
     hasError: {
         default: boolean;
@@ -791,7 +791,7 @@ declare const autocomplete: import("vue").Ref<({
             open: () => void;
             close: () => void;
             keywords: import("vue").ComputedRef<string>;
-            options: import("@/types").NormalizedOption[];
+            options: NormalizedOption[];
         }) => any) | undefined;
     };
 }) | null>;
@@ -821,7 +821,7 @@ declare var __VLS_10: {
     open: () => void;
     close: () => void;
     keywords: import("vue").ComputedRef<string>;
-    options: import("@/types").NormalizedOption[];
+    options: NormalizedOption[];
 };
 type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
     option?: (props: typeof __VLS_10) => any;
@@ -875,6 +875,10 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
         default: undefined;
         type: PropType<Size>;
     };
+    filter: {
+        default: undefined;
+        type: PropType<(option: NormalizedOption, keywords: string) => boolean>;
+    };
     dropdownShow: {
         default: string;
         type: PropType<"focus" | "always">;
@@ -959,6 +963,10 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
         default: undefined;
         type: PropType<Size>;
     };
+    filter: {
+        default: undefined;
+        type: PropType<(option: NormalizedOption, keywords: string) => boolean>;
+    };
     dropdownShow: {
         default: string;
         type: PropType<"focus" | "always">;
@@ -994,6 +1002,7 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+    filter: (option: NormalizedOption, keywords: string) => boolean;
     select: SelectConfiguration | undefined;
     size: "xs" | "sm" | "md" | "lg" | "xl";
     required: boolean;
@@ -1057,6 +1066,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: undefined;
         type: PropType<Size>;
     };
+    filter: {
+        default: undefined;
+        type: PropType<(option: NormalizedOption, keywords: string) => boolean>;
+    };
     dropdownShow: {
         default: string;
         type: PropType<"focus" | "always">;
@@ -1142,6 +1155,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: undefined;
         type: PropType<Size>;
     };
+    filter: {
+        default: undefined;
+        type: PropType<(option: NormalizedOption, keywords: string) => boolean>;
+    };
     dropdownShow: {
         default: string;
         type: PropType<"focus" | "always">;
@@ -1177,6 +1194,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+    filter: (option: NormalizedOption, keywords: string) => boolean;
     select: SelectConfiguration | undefined;
     size: "xs" | "sm" | "md" | "lg" | "xl";
     required: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.10.36",
+  "version": "0.10.37",
   "type": "module",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",

package/src/components/BaseAutocomplete.vue

@@ -179,7 +179,7 @@ const props = defineProps({
   },
   filter: {
     default: undefined,
-    type: Function as PropType<(option: NormalizedOption) => boolean>,
+    type: Function as PropType<(option: NormalizedOption, keywords: string) => boolean>,
   },
   hasError: {
     default: false,
@@ -308,7 +308,7 @@ const filteredNormalizedOptions = computed((): NormalizedOption[] => {
 
   return options.filter((option) => {
     if (props.filter !== undefined) {
-      return props.filter(option);
+      return props.filter(option, keywords.value + '');
     }
     if (!option.label) {
       return false;

package/src/components/BaseBelongsTo.vue

@@ -12,6 +12,7 @@
     :has-error="hasError"
     :inline="inline"
     :size="size"
+    :filter="filter"
     :dropdown-show="dropdownShow"
     :show-model-value="showModelValue"
     :show-empty-option="showEmptyOption"
@@ -46,7 +47,7 @@
 <script lang="ts" setup>
 import { PropType } from 'vue';
 import BaseAutocomplete from './BaseAutocomplete.vue';
-import { RawOption, SelectConfiguration } from '@/types';
+import { NormalizedOption, RawOption, SelectConfiguration } from '@/types';
 import { Size } from '@/utils/sizes';
 
 const props = defineProps({
@@ -96,6 +97,10 @@ const props = defineProps({
     default: undefined,
     type: String as PropType<Size>,
   },
+  filter: {
+    default: undefined,
+    type: Function as PropType<(option: NormalizedOption, keywords: string) => boolean>,
+  },
   dropdownShow: {
     default: 'focus',
     type: String as PropType<'focus' | 'always'>,