hazo_ui 6.7.0 → 6.8.1

package/dist/index.d.cts

@@ -565,6 +565,11 @@ interface CommandItem$1 {
     icon?: React$1.ReactNode;
     /** Optional group name for categorizing commands in the dropdown */
     group?: string;
+    /**
+     * Text inserted instead of a pill, for prefixes configured with
+     * `insert_as_text`. Defaults to `action`. Ignored by pill prefixes.
+     */
+    insert_text?: string;
 }
 /**
  * Configuration for a prefix trigger character
@@ -578,6 +583,14 @@ interface PrefixConfig {
     allow_free_text?: boolean;
     /** Custom color styling for this prefix's pills */
     color?: PrefixColor;
+    /**
+     * Insert the picked command as plain, editable text instead of a pill, and
+     * drop the trigger character with it. For `/`-style snippet menus, where the
+     * menu is a way to discover and type something rather than a reference to an
+     * entity — the inserted characters must survive as text (e.g. a formula's
+     * `SUM(`), and no `InsertedCommand` is reported for them.
+     */
+    insert_as_text?: boolean;
 }
 /**
  * Represents a command that has been inserted into the text
@@ -867,6 +880,8 @@ type PrefixConfigForParsing = {
         action_label: string;
     }[];
     color?: PrefixColor;
+    /** Text prefixes never produce pills, so they are skipped when parsing. */
+    insert_as_text?: boolean;
 };
 /**
  * Utility to parse plain text with commands into structured format
@@ -875,7 +890,7 @@ type PrefixConfigForParsing = {
  * @param prefixes - Prefix configurations to detect
  * @returns Parsed commands with positions
  */
-declare const parse_commands_from_text: (text: string, prefixes: PrefixConfigForParsing[]) => {
+declare const parse_commands_from_text: (text: string, all_prefixes: PrefixConfigForParsing[]) => {
     action: string;
     action_label: string;
     prefix: string;

package/dist/index.d.ts

@@ -565,6 +565,11 @@ interface CommandItem$1 {
     icon?: React$1.ReactNode;
     /** Optional group name for categorizing commands in the dropdown */
     group?: string;
+    /**
+     * Text inserted instead of a pill, for prefixes configured with
+     * `insert_as_text`. Defaults to `action`. Ignored by pill prefixes.
+     */
+    insert_text?: string;
 }
 /**
  * Configuration for a prefix trigger character
@@ -578,6 +583,14 @@ interface PrefixConfig {
     allow_free_text?: boolean;
     /** Custom color styling for this prefix's pills */
     color?: PrefixColor;
+    /**
+     * Insert the picked command as plain, editable text instead of a pill, and
+     * drop the trigger character with it. For `/`-style snippet menus, where the
+     * menu is a way to discover and type something rather than a reference to an
+     * entity — the inserted characters must survive as text (e.g. a formula's
+     * `SUM(`), and no `InsertedCommand` is reported for them.
+     */
+    insert_as_text?: boolean;
 }
 /**
  * Represents a command that has been inserted into the text
@@ -867,6 +880,8 @@ type PrefixConfigForParsing = {
         action_label: string;
     }[];
     color?: PrefixColor;
+    /** Text prefixes never produce pills, so they are skipped when parsing. */
+    insert_as_text?: boolean;
 };
 /**
  * Utility to parse plain text with commands into structured format
@@ -875,7 +890,7 @@ type PrefixConfigForParsing = {
  * @param prefixes - Prefix configurations to detect
  * @returns Parsed commands with positions
  */
-declare const parse_commands_from_text: (text: string, prefixes: PrefixConfigForParsing[]) => {
+declare const parse_commands_from_text: (text: string, all_prefixes: PrefixConfigForParsing[]) => {
     action: string;
     action_label: string;
     prefix: string;

package/dist/index.js

@@ -5585,6 +5585,9 @@ var insert_command_at_position = (editor, command, prefix, range, variant = "def
     color: color2
   }).run();
 };
+var insert_text_at_position = (editor, command, range) => {
+  editor.chain().focus().deleteRange(range).insertContent(command.insert_text ?? command.action).run();
+};
 var get_variant_classes2 = (variant = "default") => {
   switch (variant) {
     case "outline":
@@ -5787,7 +5790,9 @@ var CommandPopover = ({
 CommandPopover.displayName = "CommandPopover";
 
 // src/components/hazo_ui_command/index.tsx
-var parse_commands_from_text = (text, prefixes) => {
+var parse_commands_from_text = (text, all_prefixes) => {
+  const prefixes = all_prefixes.filter((p) => !p.insert_as_text);
+  if (prefixes.length === 0) return [];
   const result = [];
   const action_to_label = /* @__PURE__ */ new Map();
   for (const prefix_config of prefixes) {
@@ -6097,13 +6102,18 @@ var HazoUiTextbox = ({
     }
   }, [suggestion_state, editor]);
   React27.useEffect(() => {
-    if (is_controlled && editor && !editor.isFocused) {
-      const current_text = editor.getText();
-      if (value !== current_text) {
-        const content = text_to_tiptap_content(value || "", prefixes, pill_variant);
-        editor.commands.setContent(content, { emitUpdate: false });
-      }
-    }
+    if (!is_controlled || !editor || editor.isFocused) return;
+    if (value === editor.getText()) return;
+    let cancelled = false;
+    queueMicrotask(() => {
+      if (cancelled || editor.isDestroyed || editor.isFocused) return;
+      if (value === editor.getText()) return;
+      const content = text_to_tiptap_content(value || "", prefixes, pill_variant);
+      editor.commands.setContent(content, { emitUpdate: false });
+    });
+    return () => {
+      cancelled = true;
+    };
   }, [value, editor, is_controlled, prefixes, pill_variant]);
   React27.useEffect(() => {
     if (editor) {
@@ -6115,6 +6125,11 @@ var HazoUiTextbox = ({
       if (!editor || !suggestion_state) return;
       const prefix_config = prefixes.find((p) => p.char === suggestion_state.prefix);
       const prefix_color = prefix_config?.color;
+      if (prefix_config?.insert_as_text) {
+        insert_text_at_position(editor, command, suggestion_state.range);
+        set_suggestion_state(null);
+        return;
+      }
       insert_command_at_position(
         editor,
         command,
@@ -6665,6 +6680,11 @@ var HazoUiTextarea = ({
       if (!editor || !suggestion_state) return;
       const prefix_config = prefixes.find((p) => p.char === suggestion_state.prefix);
       const prefix_color = prefix_config?.color;
+      if (prefix_config?.insert_as_text) {
+        insert_text_at_position(editor, command, suggestion_state.range);
+        set_suggestion_state(null);
+        return;
+      }
       insert_command_at_position(
         editor,
         command,