@iris-ui-kit/vue 0.2.18 → 0.2.19

package/dist/{chunk-VM2CXEUA.js → chunk-RLVG5JQH.js}

@@ -26,12 +26,12 @@ function useUndoStack(options) {
   };
   const undo = () => {
     const result = stack.undo();
-    if (result !== void 0) sync();
+    sync();
     return result;
   };
   const redo = () => {
     const result = stack.redo();
-    if (result !== void 0) sync();
+    sync();
     return result;
   };
   const clear = () => {
@@ -42,5 +42,5 @@ function useUndoStack(options) {
 }
 
 export { useUndoStack };
-//# sourceMappingURL=chunk-VM2CXEUA.js.map
-//# sourceMappingURL=chunk-VM2CXEUA.js.map
+//# sourceMappingURL=chunk-RLVG5JQH.js.map
+//# sourceMappingURL=chunk-RLVG5JQH.js.map

package/dist/chunk-RLVG5JQH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/undo/useUndoStack.ts"],"names":[],"mappings":";;;;;AAgCO,SAAS,aAAgB,OAAA,EAa9B;AACA,EAAA,MAAM,KAAA,GAAQ,gBAAmB,OAAO,CAAA;AAExC,EAAA,MAAM,QAAQ,UAAA,CAAmC;AAAA,IAC/C,OAAA,EAAS,MAAM,OAAA,EAAQ;AAAA,IACvB,OAAA,EAAS,MAAM,OAAA,EAAQ;AAAA,IACvB,OAAO,KAAA,CAAM,KAAA;AAAA,IACb,OAAO,KAAA,CAAM;AAAA,GACd,CAAA;AAED,EAAA,MAAM,OAAO,MAAM;AACjB,IAAA,KAAA,CAAM,KAAA,GAAQ;AAAA,MACZ,OAAA,EAAS,MAAM,OAAA,EAAQ;AAAA,MACvB,OAAA,EAAS,MAAM,OAAA,EAAQ;AAAA,MACvB,OAAO,KAAA,CAAM,KAAA;AAAA,MACb,OAAO,KAAA,CAAM;AAAA,KACf;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,IAAA,GAAO,CAAC,QAAA,KAAmB;AAC/B,IAAA,MAAM,MAAA,GAAS,KAAA,CAAM,IAAA,CAAK,QAAQ,CAAA;AAClC,IAAA,IAAA,EAAK;AACL,IAAA,OAAO,MAAA;AAAA,EACT,CAAA;AAEA,EAAA,MAAM,OAAO,MAAqB;AAChC,IAAA,MAAM,MAAA,GAAS,MAAM,IAAA,EAAK;AAK1B,IAAA,IAAA,EAAK;AACL,IAAA,OAAO,MAAA;AAAA,EACT,CAAA;AAEA,EAAA,MAAM,OAAO,MAAqB;AAChC,IAAA,MAAM,MAAA,GAAS,MAAM,IAAA,EAAK;AAC1B,IAAA,IAAA,EAAK;AACL,IAAA,OAAO,MAAA;AAAA,EACT,CAAA;AAEA,EAAA,MAAM,QAAQ,MAAM;AAClB,IAAA,KAAA,CAAM,KAAA,EAAM;AACZ,IAAA,IAAA,EAAK;AAAA,EACP,CAAA;AAEA,EAAA,OAAO,EAAE,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,KAAA,EAAO,OAAO,KAAA,EAAM;AACjD","file":"chunk-RLVG5JQH.js","sourcesContent":["import { shallowRef, type ShallowRef } from 'vue'\nimport { createUndoStack, type UndoStack, type UndoStackOptions } from '@iris-ui-kit/core/undo'\n\n/**\n * Reactive snapshot metadata for the UndoStack: convenience booleans that\n * update on every push/undo/redo/clear for use in UI bindings (enable/disable\n * undo/redo buttons).\n */\nexport interface UndoStackReactiveState {\n  canUndo: boolean\n  canRedo: boolean\n  depth: number\n  index: number\n}\n\n/**\n * Vue bridge over the framework-agnostic {@link createUndoStack}.\n * Creates the stack once in `setup()` and returns a stable controller\n * plus a reactive `state` that tracks `canUndo`/`canRedo`/`depth`/`index` for\n * easy UI binding.\n *\n * The returned `push`/`undo`/`redo`/`clear` automatically update the reactive\n * state — no manual `.value = ...` needed.\n *\n * @example\n *   const { push, undo, redo, state } = useUndoStack({ initial: formValues })\n *   // After mutation:\n *   push(currentValues)\n *   // In template:\n *   <button :disabled=\"!state.canUndo\" @click=\"undo\">Undo</button>\n *   <button :disabled=\"!state.canRedo\" @click=\"redo\">Redo</button>\n */\nexport function useUndoStack<T>(options?: UndoStackOptions<T>): {\n  /** Push a new snapshot onto the stack. Returns the stored value. */\n  push: (snapshot: T) => T\n  /** Undo: returns the previous snapshot, or undefined if nothing to undo. */\n  undo: () => T | undefined\n  /** Redo: returns the next snapshot, or undefined if nothing to redo. */\n  redo: () => T | undefined\n  /** Clear all history. */\n  clear: () => void\n  /** The raw undo stack (stable reference, same across renders). */\n  stack: UndoStack<T>\n  /** Reactive metadata: canUndo, canRedo, depth, index. */\n  state: ShallowRef<UndoStackReactiveState>\n} {\n  const stack = createUndoStack<T>(options)\n\n  const state = shallowRef<UndoStackReactiveState>({\n    canUndo: stack.canUndo(),\n    canRedo: stack.canRedo(),\n    depth: stack.depth,\n    index: stack.index,\n  })\n\n  const sync = () => {\n    state.value = {\n      canUndo: stack.canUndo(),\n      canRedo: stack.canRedo(),\n      depth: stack.depth,\n      index: stack.index,\n    }\n  }\n\n  const push = (snapshot: T): T => {\n    const result = stack.push(snapshot)\n    sync()\n    return result\n  }\n\n  const undo = (): T | undefined => {\n    const result = stack.undo()\n    // Always sync: `undefined` is a legal snapshot value for a generic T, so\n    // the return value cannot distinguish \"no-op\" from \"moved onto an\n    // undefined snapshot\". A true no-op writes identical values, which is\n    // harmless (same as push/clear).\n    sync()\n    return result\n  }\n\n  const redo = (): T | undefined => {\n    const result = stack.redo()\n    sync()\n    return result\n  }\n\n  const clear = () => {\n    stack.clear()\n    sync()\n  }\n\n  return { push, undo, redo, clear, stack, state }\n}\n"]}

package/dist/index.cjs

@@ -3004,12 +3004,12 @@ function useUndoStack(options) {
   };
   const undo$1 = () => {
     const result = stack.undo();
-    if (result !== void 0) sync();
+    sync();
     return result;
   };
   const redo = () => {
     const result = stack.redo();
-    if (result !== void 0) sync();
+    sync();
     return result;
   };
   const clear = () => {
@@ -5388,13 +5388,19 @@ var IrisCombobox = vue.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();
@@ -5423,6 +5429,13 @@ var IrisCombobox = vue.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;
@@ -5448,6 +5461,9 @@ var IrisCombobox = vue.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) {
@@ -5519,6 +5535,10 @@ var IrisCombobox = vue.defineComponent({
             },
             onBlur: () => {
               focused.value = false;
+              if (props.allowCommit && query.value.trim()) {
+                commitQuery();
+                return;
+              }
               close();
             },
             style: {