pukaad-ui-lib 1.160.0 → 1.161.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.160.0",
+  "version": "1.161.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/input/input-autocomplete.d.vue.ts

@@ -36,9 +36,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     description: string;
-    limit: number;
     options: AutocompleteOption[] | string[] | number[];
     placeholder: string;
+    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

package/dist/runtime/components/input/input-autocomplete.vue.d.ts

@@ -36,9 +36,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     description: string;
-    limit: number;
     options: AutocompleteOption[] | string[] | number[];
     placeholder: string;
+    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

package/dist/runtime/components/input/input-combobox.vue

@@ -219,7 +219,12 @@ watch(popoverOpen, (isOpen) => {
 const updateDisplayText = () => {
   const allOptions = resolvedOptions.value;
   if (!allOptions || allOptions.length === 0) {
-    displayText.value = props.multiple ? modelValue.value.join(", ") : modelValue.value || "";
+    if (props.multiple) {
+      const val = modelValue.value;
+      displayText.value = Array.isArray(val) ? val.join(", ") : "";
+    } else {
+      displayText.value = modelValue.value || "";
+    }
     return;
   }
   if (props.multiple) {
@@ -259,6 +264,10 @@ onMounted(() => {
   if (props.multiple && modelValue.value === "") {
     modelValue.value = [];
   }
+  const hasPresetValue = props.multiple ? Array.isArray(modelValue.value) && modelValue.value.length > 0 : !!modelValue.value;
+  if (props.fetchFn && hasPresetValue) {
+    fetchData();
+  }
 });
 const isLimitReached = computed(() => {
   if (!props.multiple || props.limit <= 0) return false;

package/dist/runtime/components/input/input-tag.d.vue.ts

@@ -26,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     name: string;
     state: "user" | "admin";
-    limit: number;
     placeholder: string;
+    limit: number;
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/input/input-tag.vue.d.ts

@@ -26,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     name: string;
     state: "user" | "admin";
-    limit: number;
     placeholder: string;
+    limit: number;
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/ui/command/Command.d.vue.ts

@@ -2,6 +2,7 @@ import type { ListboxRootProps } from "reka-ui";
 import type { HTMLAttributes } from "vue";
 type __VLS_Props = ListboxRootProps & {
     class?: HTMLAttributes["class"];
+    shouldFilter?: boolean;
 };
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -25,6 +26,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onLeave?: ((event: Event) => any) | undefined;
 }>, {
     modelValue: import("reka-ui").AcceptableValue | import("reka-ui").AcceptableValue[];
+    shouldFilter: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/ui/command/Command.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
 import { ListboxRoot, useFilter, useForwardPropsEmits } from "reka-ui";
-import { reactive, ref, watch } from "vue";
+import { reactive, ref, toRef, watch } from "vue";
 import { cn } from "@/runtime/plugins/shadcn";
 import { provideCommandContext } from ".";
 const props = defineProps({
@@ -18,7 +18,8 @@ const props = defineProps({
   as: { type: null, required: false },
   name: { type: String, required: false },
   required: { type: Boolean, required: false },
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  shouldFilter: { type: Boolean, required: false, default: true }
 });
 const emits = defineEmits(["update:modelValue", "highlight", "entryFocus", "leave"]);
 const delegatedProps = reactiveOmit(props, "class");
@@ -62,12 +63,15 @@ function filterItems() {
 watch(
   () => filterState.search,
   () => {
-    filterItems();
+    if (props.shouldFilter) {
+      filterItems();
+    }
   }
 );
 provideCommandContext({
   allItems,
   allGroups,
+  shouldFilter: toRef(props, "shouldFilter"),
   filterState
 });
 </script>

package/dist/runtime/components/ui/command/Command.vue.d.ts

@@ -2,6 +2,7 @@ import type { ListboxRootProps } from "reka-ui";
 import type { HTMLAttributes } from "vue";
 type __VLS_Props = ListboxRootProps & {
     class?: HTMLAttributes["class"];
+    shouldFilter?: boolean;
 };
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -25,6 +26,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onLeave?: ((event: Event) => any) | undefined;
 }>, {
     modelValue: import("reka-ui").AcceptableValue | import("reka-ui").AcceptableValue[];
+    shouldFilter: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/ui/command/CommandEmpty.vue

@@ -11,9 +11,12 @@ const props = defineProps({
   as: { type: null, required: false }
 });
 const delegatedProps = reactiveOmit(props, "class", "forceShow");
-const { filterState } = useCommand();
+const { filterState, shouldFilter, allItems } = useCommand();
 const isRender = computed(() => {
   if (props.forceShow) return true;
+  if (!shouldFilter.value) {
+    return allItems.value.size === 0;
+  }
   return !!filterState.search && filterState.filtered.count === 0;
 });
 </script>

package/dist/runtime/components/ui/command/CommandGroup.vue

@@ -11,11 +11,12 @@ const props = defineProps({
   heading: { type: String, required: false }
 });
 const delegatedProps = reactiveOmit(props, "class");
-const { allGroups, filterState } = useCommand();
+const { allGroups, filterState, shouldFilter } = useCommand();
 const id = useId();
-const isRender = computed(
-  () => !filterState.search ? true : filterState.filtered.groups.has(id)
-);
+const isRender = computed(() => {
+  if (!shouldFilter.value) return true;
+  return !filterState.search ? true : filterState.filtered.groups.has(id);
+});
 provideCommandGroupContext({ id });
 onMounted(() => {
   if (!allGroups.value.has(id)) allGroups.value.set(id, /* @__PURE__ */ new Set());

package/dist/runtime/components/ui/command/CommandItem.vue

@@ -15,9 +15,12 @@ const emits = defineEmits(["select"]);
 const delegatedProps = reactiveOmit(props, "class");
 const forwarded = useForwardPropsEmits(delegatedProps, emits);
 const id = useId();
-const { filterState, allItems, allGroups } = useCommand();
+const { filterState, allItems, allGroups, shouldFilter } = useCommand();
 const groupContext = useCommandGroup();
 const isRender = computed(() => {
+  if (!shouldFilter.value) {
+    return true;
+  }
   if (!filterState.search) {
     return true;
   } else {

package/dist/runtime/components/ui/command/index.d.ts

@@ -11,6 +11,7 @@ export { default as CommandShortcut } from "./CommandShortcut.vue.js";
 export declare const useCommand: <T extends {
     allItems: Ref<Map<string, string>>;
     allGroups: Ref<Map<string, Set<string>>>;
+    shouldFilter: Ref<boolean>;
     filterState: {
         search: string;
         filtered: {
@@ -22,6 +23,7 @@ export declare const useCommand: <T extends {
 } | null | undefined = {
     allItems: Ref<Map<string, string>>;
     allGroups: Ref<Map<string, Set<string>>>;
+    shouldFilter: Ref<boolean>;
     filterState: {
         search: string;
         filtered: {
@@ -33,6 +35,7 @@ export declare const useCommand: <T extends {
 }>(fallback?: T | undefined) => T extends null ? {
     allItems: Ref<Map<string, string>>;
     allGroups: Ref<Map<string, Set<string>>>;
+    shouldFilter: Ref<boolean>;
     filterState: {
         search: string;
         filtered: {
@@ -44,6 +47,7 @@ export declare const useCommand: <T extends {
 } | null : {
     allItems: Ref<Map<string, string>>;
     allGroups: Ref<Map<string, Set<string>>>;
+    shouldFilter: Ref<boolean>;
     filterState: {
         search: string;
         filtered: {
@@ -55,6 +59,7 @@ export declare const useCommand: <T extends {
 }, provideCommandContext: (contextValue: {
     allItems: Ref<Map<string, string>>;
     allGroups: Ref<Map<string, Set<string>>>;
+    shouldFilter: Ref<boolean>;
     filterState: {
         search: string;
         filtered: {
@@ -66,6 +71,7 @@ export declare const useCommand: <T extends {
 }) => {
     allItems: Ref<Map<string, string>>;
     allGroups: Ref<Map<string, Set<string>>>;
+    shouldFilter: Ref<boolean>;
     filterState: {
         search: string;
         filtered: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.160.0",
+  "version": "1.161.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",