@iris-ui-kit/vue 0.2.18 → 0.2.20

package/dist/index.d.cts

@@ -1543,6 +1543,13 @@ declare const IrisCombobox: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: undefined;
     };
+    /** Allow committing free text that matches no option: Enter/blur emits
+     * `commit` with the trimmed query (antd AutoComplete parity). Default
+     * false keeps the option-only contract. */
+    allowCommit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** id forwarded to the input. Set by IrisFormField. */
     id: {
         type: StringConstructor;
@@ -1557,6 +1564,8 @@ declare const IrisCombobox: vue.DefineComponent<vue.ExtractPropTypes<{
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (_value: string) => true;
+    /** Free-text commit when `allowCommit` is on and no option is selected. */
+    commit: (_text: string) => true;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /** Selected option value ('' = none). */
     modelValue: {
@@ -1588,6 +1597,13 @@ declare const IrisCombobox: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: undefined;
     };
+    /** Allow committing free text that matches no option: Enter/blur emits
+     * `commit` with the trimmed query (antd AutoComplete parity). Default
+     * false keeps the option-only contract. */
+    allowCommit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** id forwarded to the input. Set by IrisFormField. */
     id: {
         type: StringConstructor;
@@ -1600,6 +1616,7 @@ declare const IrisCombobox: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+    onCommit?: ((_text: string) => any) | undefined;
 }>, {
     size: IrisComboboxSize;
     id: string;
@@ -1610,6 +1627,7 @@ declare const IrisCombobox: vue.DefineComponent<vue.ExtractPropTypes<{
     placeholder: string;
     ariaDescribedby: string;
     emptyText: string;
+    allowCommit: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 type IrisPasswordInputSize = Size;

package/dist/index.d.ts

@@ -1543,6 +1543,13 @@ declare const IrisCombobox: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: undefined;
     };
+    /** Allow committing free text that matches no option: Enter/blur emits
+     * `commit` with the trimmed query (antd AutoComplete parity). Default
+     * false keeps the option-only contract. */
+    allowCommit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** id forwarded to the input. Set by IrisFormField. */
     id: {
         type: StringConstructor;
@@ -1557,6 +1564,8 @@ declare const IrisCombobox: vue.DefineComponent<vue.ExtractPropTypes<{
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (_value: string) => true;
+    /** Free-text commit when `allowCommit` is on and no option is selected. */
+    commit: (_text: string) => true;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /** Selected option value ('' = none). */
     modelValue: {
@@ -1588,6 +1597,13 @@ declare const IrisCombobox: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: undefined;
     };
+    /** Allow committing free text that matches no option: Enter/blur emits
+     * `commit` with the trimmed query (antd AutoComplete parity). Default
+     * false keeps the option-only contract. */
+    allowCommit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** id forwarded to the input. Set by IrisFormField. */
     id: {
         type: StringConstructor;
@@ -1600,6 +1616,7 @@ declare const IrisCombobox: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+    onCommit?: ((_text: string) => any) | undefined;
 }>, {
     size: IrisComboboxSize;
     id: string;
@@ -1610,6 +1627,7 @@ declare const IrisCombobox: vue.DefineComponent<vue.ExtractPropTypes<{
     placeholder: string;
     ariaDescribedby: string;
     emptyText: string;
+    allowCommit: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 type IrisPasswordInputSize = Size;

package/dist/index.js

@@ -1,4 +1,4 @@
-export { createUndoStack, useUndoStack } from './chunk-VM2CXEUA.js';
+export { createUndoStack, useUndoStack } from './chunk-FG5USQSY.js';
 import './chunk-ROJV6RON.js';
 import { useBodyScrollLock, useFocusTrap } from './chunk-XCNCIG2I.js';
 export { __getBodyScrollLockCount, __resetBodyScrollLock, useBodyScrollLock, useFocusTrap } from './chunk-XCNCIG2I.js';
@@ -12,7 +12,7 @@ import { IrisCheckbox } from './chunk-QLUIKEMJ.js';
 export { IrisAlert, IrisButton, IrisCheckbox, IrisDashboardTemplate, IrisDivider, IrisFormField, IrisInput, IrisLoginTemplate, IrisPasswordInput } from './chunk-QLUIKEMJ.js';
 export { IrisContainer, IrisDashboardCard, IrisDashboardGrid, IrisStack } from './chunk-3R3QDLJC.js';
 export { IrisSkinKey, SkinProvider, SkinResolutionError, applySkin, builtinSkins, createSkinCatalog, createSkinEngine, createSkinRegistry, darkSkin, lightSkin, loadSkin, localStorageSkinStorage, memorySkinStorage, renderSkinStyle, resolveSkin, skinBootScript, skinError, skinToCssEntries, useSkin, useSkinContext, validateSkin } from './chunk-H7HVVPYR.js';
-export { DropdownContextKey, IrisAdminBreadcrumb, IrisAdminLayout, IrisAdminTabs, IrisBreadcrumb, IrisBreadcrumbItem, IrisDropdown, IrisDropdownItem, IrisDropdownMenu, IrisDropdownSeparator, IrisDropdownTrigger, IrisIcon, IrisNavMenu, createAdminPreferences, createTabsNav, filterNavByAccess, findNavNode, findNavPath, firstLeaf, flattenNav, isBranch, isClosable, localStorageAdminPreferencesStorage, nodeAllowsRoles, useAdminPreferences, useAdminShell, useTabsNav, visibleNav } from './chunk-2ETVCAVL.js';
+export { DropdownContextKey, IrisAdminBreadcrumb, IrisAdminLayout, IrisAdminTabs, IrisBreadcrumb, IrisBreadcrumbItem, IrisDropdown, IrisDropdownItem, IrisDropdownMenu, IrisDropdownSeparator, IrisDropdownTrigger, IrisIcon, IrisNavMenu, createAdminPreferences, createTabsNav, filterNavByAccess, findNavNode, findNavPath, firstLeaf, flattenNav, isBranch, isClosable, localStorageAdminPreferencesStorage, nodeAllowsRoles, useAdminPreferences, useAdminShell, useTabsNav, visibleNav } from './chunk-MMQKSFME.js';
 import { useFloating, useDismiss } from './chunk-3FJUCHCC.js';
 export { useDismiss, useFloating } from './chunk-3FJUCHCC.js';
 import { useMachine } from './chunk-TQB5LVOH.js';
@@ -1778,13 +1778,19 @@ var IrisCombobox = defineComponent({
     size: { type: String, default: "md" },
     /** Text shown when no option matches the query. Defaults to the i18n value. */
     emptyText: { type: String, default: void 0 },
+    /** Allow committing free text that matches no option: Enter/blur emits
+     * `commit` with the trimmed query (antd AutoComplete parity). Default
+     * false keeps the option-only contract. */
+    allowCommit: { type: Boolean, default: false },
     /** id forwarded to the input. Set by IrisFormField. */
     id: { type: String, default: void 0 },
     /** Forwarded as `aria-describedby` on the input. Set by IrisFormField. */
     ariaDescribedby: { type: String, default: void 0 }
   },
   emits: {
-    "update:modelValue": (_value) => true
+    "update:modelValue": (_value) => true,
+    /** Free-text commit when `allowCommit` is on and no option is selected. */
+    commit: (_text) => true
   },
   setup(props, { attrs, emit }) {
     const { t } = useI18n();
@@ -1813,6 +1819,13 @@ var IrisCombobox = defineComponent({
       query.value = "";
       close();
     };
+    const commitQuery = () => {
+      const text = query.value.trim();
+      if (!text) return;
+      emit("commit", text);
+      query.value = "";
+      close();
+    };
     const onInput = (event) => {
       query.value = event.target.value;
       filtering.value = true;
@@ -1838,6 +1851,9 @@ var IrisCombobox = defineComponent({
         if (open.value && activeIndex.value >= 0 && list[activeIndex.value]) {
           event.preventDefault();
           selectOption(list[activeIndex.value]);
+        } else if (props.allowCommit) {
+          event.preventDefault();
+          commitQuery();
         }
       } else if (event.key === "Escape") {
         if (open.value) {
@@ -1909,6 +1925,10 @@ var IrisCombobox = defineComponent({
             },
             onBlur: () => {
               focused.value = false;
+              if (props.allowCommit && query.value.trim()) {
+                commitQuery();
+                return;
+              }
               close();
             },
             style: {