@homecode/ui 5.3.0 → 5.3.2

package/dist/esm/src/components/Autocomplete/Autocomplete.js

@@ -167,6 +167,8 @@ function Autocomplete(props) {
         return true;
     };
     const handleSelect = (option) => {
+        if (!option)
+            return;
         if (selectable) {
             setSelectedId(option.id);
             setSelectedLabel(option.label);
@@ -196,7 +198,12 @@ function Autocomplete(props) {
     const { focusedIndex, setFocusedIndex } = useListKeyboardControl({
         isActive: isPopupOpenForInput,
         itemsCount: displayItems.length,
-        onSelect: index => handleSelect(displayItems[index]),
+        onSelect: index => {
+            const option = displayItems[index];
+            if (!option)
+                return;
+            handleSelect(option);
+        },
     });
     const fetchOptionsCore = useCallback(async (filter, offset) => {
         const requestKey = `${filter}:${offset}`;

package/dist/esm/src/components/PromptComposer/PromptComposer.helpers.js

@@ -1,6 +1,16 @@
 /** Keep in sync with `PromptComposer.styl` max/min heights. */
 const PROMPT_COMPOSER_MAX_HEIGHT_PX = 200;
 const PROMPT_COMPOSER_MIN_HEIGHT_PX = 40;
+function safePromptComposerEditorText(editor) {
+    if (!editor || editor.isDestroyed)
+        return null;
+    try {
+        return editor.getText?.() ?? null;
+    }
+    catch {
+        return null;
+    }
+}
 function promptComposerSafeEditorDom(editor) {
     if (!editor || editor.isDestroyed)
         return null;
@@ -41,4 +51,4 @@ function syncPromptComposerHeight(el, text) {
         contentHeight > PROMPT_COMPOSER_MAX_HEIGHT_PX ? 'auto' : 'hidden';
 }
 
-export { PROMPT_COMPOSER_MAX_HEIGHT_PX, PROMPT_COMPOSER_MIN_HEIGHT_PX, promptComposerSafeEditorDom, syncPromptComposerHeight };
+export { PROMPT_COMPOSER_MAX_HEIGHT_PX, PROMPT_COMPOSER_MIN_HEIGHT_PX, promptComposerSafeEditorDom, safePromptComposerEditorText, syncPromptComposerHeight };

package/dist/esm/src/components/PromptComposer/promptComposerInsert.js

@@ -85,9 +85,13 @@ function createPromptComposerHandle(editor) {
     return {
         insertAtCaret: (content, options) => insertPromptComposerContentAtCaret(editor, content, options),
         focus: () => {
+            if (editor.isDestroyed)
+                return;
             editor.commands.focus();
         },
         reset: () => {
+            if (editor.isDestroyed)
+                return;
             editor.chain().clearContent().focus().run();
         },
         getText: () => editor.getText(),

package/dist/esm/src/components/PromptComposer/usePromptComposerEditor.js

@@ -4,7 +4,7 @@ import { useEditor } from '@tiptap/react';
 import StarterKit from '@tiptap/starter-kit';
 import { DEFAULT_CHAT_SLASH_ITEMS } from '../../tiptap/slash-mention/defaultChatSlashItems.js';
 import { createSlashMentionExtension } from '../../tiptap/slash-mention/createSlashMentionExtension.js';
-import { promptComposerSafeEditorDom, syncPromptComposerHeight } from './PromptComposer.helpers.js';
+import { safePromptComposerEditorText, promptComposerSafeEditorDom, syncPromptComposerHeight } from './PromptComposer.helpers.js';
 import { PROMPT_COMPOSER_EMPTY_DOC, promptComposerParagraphDoc } from './promptComposerDoc.js';
 
 const PROMPT_COMPOSER_EDITOR_CLASS = 'promptComposerEditor';
@@ -67,7 +67,9 @@ function usePromptComposerEditor({ disabled, placeholder, slashCommandItems, onS
     const [text, setText] = useState('');
     const editorDomRef = useRef(null);
     const bindEditorDom = useCallback(({ editor }) => {
-        const nextText = editor.getText();
+        const nextText = safePromptComposerEditorText(editor);
+        if (nextText == null)
+            return;
         setText(nextText);
         queueMicrotask(() => {
             const dom = promptComposerSafeEditorDom(editor);
@@ -119,8 +121,10 @@ function usePromptComposerEditor({ disabled, placeholder, slashCommandItems, onS
             handleKeyDown: handleEditorKeyDown,
         },
         onTransaction: ({ editor: activeEditor }) => {
+            const nextText = safePromptComposerEditorText(activeEditor);
+            if (nextText == null)
+                return;
             const dom = promptComposerSafeEditorDom(activeEditor);
-            const nextText = activeEditor.getText();
             if (dom) {
                 syncPromptComposerHeight(dom, nextText);
             }
@@ -152,23 +156,36 @@ function usePromptComposerEditor({ disabled, placeholder, slashCommandItems, onS
         };
     }, [editor]);
     useEffect(() => {
-        if (!editor || prefillMessage == null)
+        if (!editor || prefillMessage == null || editor.isDestroyed)
+            return;
+        const current = safePromptComposerEditorText(editor);
+        if (current == null)
             return;
-        const current = editor.getText();
         const next = prefillMessage;
         if (current === next)
             return;
-        if (next === '') {
-            editor.commands.setContent(PROMPT_COMPOSER_EMPTY_DOC);
+        try {
+            if (next === '') {
+                editor.commands.setContent(PROMPT_COMPOSER_EMPTY_DOC);
+            }
+            else {
+                editor.commands.setContent(promptComposerParagraphDoc(next));
+            }
         }
-        else {
-            editor.commands.setContent(promptComposerParagraphDoc(next));
+        catch {
+            return;
         }
-        setText(editor.getText());
+        const synced = safePromptComposerEditorText(editor);
+        if (synced != null)
+            setText(synced);
         queueMicrotask(() => {
+            if (editor.isDestroyed)
+                return;
             const dom = promptComposerSafeEditorDom(editor);
-            if (dom)
-                syncPromptComposerHeight(dom, editor.getText());
+            const heightText = safePromptComposerEditorText(editor);
+            if (dom && heightText != null) {
+                syncPromptComposerHeight(dom, heightText);
+            }
             if (!disabled && !editor.isDestroyed) {
                 editor.chain().focus('end').run();
             }

package/dist/esm/src/hooks/useListKeyboardControl.js

@@ -26,7 +26,11 @@ const useListKeyboardControl = ({ isActive, itemsCount, onSelect, }) => {
             return;
         }
         if (e.key === 'Enter') {
-            onSelect(newIndex);
+            if (newIndex < 0 || newIndex >= itemsCount)
+                return;
+            e.preventDefault();
+            e.stopPropagation();
+            onSelect?.(newIndex);
             return;
         }
     }, [focusedIndex, itemsCount, onSelect]);
@@ -37,10 +41,14 @@ const useListKeyboardControl = ({ isActive, itemsCount, onSelect, }) => {
         isActive,
     });
     useEffect(() => {
-        if (itemsCount < focusedIndex) {
+        if (itemsCount <= 0) {
+            setFocusedIndex(-1);
+            return;
+        }
+        if (focusedIndex >= itemsCount) {
             setFocusedIndex(itemsCount - 1);
         }
-    }, [itemsCount]);
+    }, [itemsCount, focusedIndex]);
     return {
         focusedIndex,
         setFocusedIndex,

package/dist/esm/types/src/components/PromptComposer/PromptComposer.helpers.d.ts

@@ -1,6 +1,10 @@
 /** Keep in sync with `PromptComposer.styl` max/min heights. */
 export declare const PROMPT_COMPOSER_MAX_HEIGHT_PX = 200;
 export declare const PROMPT_COMPOSER_MIN_HEIGHT_PX = 40;
+export declare function safePromptComposerEditorText(editor: {
+    readonly isDestroyed?: boolean;
+    getText?: () => string;
+} | null | undefined): string | null;
 export declare function promptComposerSafeEditorDom(editor: {
     readonly isDestroyed?: boolean;
 } | null | undefined): HTMLElement | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "5.3.0",
+  "version": "5.3.2",
   "description": "React UI components library",
   "scripts": {
     "tests": "jest",