frst-components 0.22.15 → 0.22.17

package/dist/index.js

@@ -3470,6 +3470,7 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
             }
             countChars();
             createFormatAndTextContentToSaveComment();
+            resizeDiv();
         }
     };
     //create a method that increase the size of the div as the scroll height increases
@@ -3518,20 +3519,23 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
                 return;
             // Get the text before the cursor
             const completeText = range.startContainer.textContent;
-            textBeforeCursor = range.startContainer.textContent.substring(0, range.startOffset);
             // Find the last index of "@" in the text before the cursor
             const atIndex = completeText.lastIndexOf('@');
+            textBeforeCursor = range.startContainer.textContent.substring(atIndex, range.startOffset);
             hasSpaceBeForeKey = completeText.substring(atIndex - 1, atIndex).trim() === "";
             console.log(`teste - completeText =  ${completeText}`);
             console.log(`teste  textBeforeCursor ${textBeforeCursor}`);
             console.log(`teste - atIndex =  ${atIndex}`);
             console.log(`teste - spaceBefore =  ${completeText.substring(atIndex - 1, atIndex).trim() === ""}`);
             console.log(`teste  hasSpaceBeForeKey ${hasSpaceBeForeKey}`);
+            console.log(`teste textBeforeCursor = @ ? ${textBeforeCursor === "@"}`);
             if (hasSpaceBeForeKey || textBeforeCursor === "@") {
                 if (atIndex !== -1) {
                     // Get the characters after the last "@"
                     const afterAt = completeText.substring(atIndex);
-                    if (afterAt.length > 1 || event.key === "@") {
+                    console.log(`teste afterAt = ${afterAt}`);
+                    if (afterAt.length > 1 || event.key === "@" || textBeforeCursor === "@") {
+                        console.log(`teste hasKeyPresent ${hasKeyPresent}`);
                         hasKeyPresent = true;
                     }
                     inputSearch = afterAt.replace('@', '');
@@ -3554,6 +3558,7 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
             !!onChange && onChange(inputSearch);
         }
         else {
+            console.log(`teste resultado foi  ${hasSpaceBeForeKey && hasKeyPresent} e textBeforeCursor = @ ${textBeforeCursor === "@"}`);
             console.log(`teste, não chamou o backend ${inputSearch}`);
         }
         countChars();
@@ -3575,14 +3580,16 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
     const clearDivContent = () => {
         if (!divInputRef.current)
             return;
-        console.log('placeholder focus = ', focus);
-        console.log('placeholder divInputRef.current.childNodes.length = ', divInputRef.current.childNodes.length);
+        console.log(`placeholder primeiro if divInputRef.current.childNodes.length === 0 && !focus resultado = ${divInputRef.current.childNodes.length === 0 && !focus}`);
+        console.log(`placeholder segundo if divInputRef.current.childNodes.length >= 1 resultado = ${divInputRef.current.childNodes.length >= 1}`);
         if ((divInputRef.current.childNodes.length === 0 && !focus)) {
+            console.log(`placeholder vou incluir o placeholder`);
             // create a textnode with the placeholder
             divInputRef.current.innerText = placeholder;
             setPlaceholder(true);
         }
         else if (!focus && divInputRef.current.childNodes.length >= 1) {
+            console.log(`placeholder vou incluir o placeholder`);
             // loop over all child element and check if they are empty
             let isEmpty = true;
             divInputRef.current.childNodes.forEach((child) => {
@@ -3590,6 +3597,10 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
                     isEmpty = false;
                     setPlaceholder(false);
                 }
+                else if (child.textContent === placeholder) {
+                    console.log(`placeholder child.textContent === placeholder resultado = ${child.textContent === placeholder}`);
+                    divInputRef.current.blur();
+                }
             });
             console.log('placeholder isEmpty = ', isEmpty);
             // if they are empty show the placeholder
@@ -3600,6 +3611,7 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
             }
         }
         else if (divInputRef.current.innerText === placeholder) {
+            console.log(`placeholder terceiro divInputRef.current.innerText === placeholder resultado = ${divInputRef.current.innerText === placeholder}`);
             // create a paragraph node
             divInputRef.current.innerHTML = '';
             // clear complete the div
@@ -3611,6 +3623,7 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
             divInputRef.current.appendChild(p);
             console.log(`placeholder divInputRef.current.innerHtml= ${divInputRef.current.innerHTML}`);
             setPlaceholder(false);
+            divInputRef.current.blur();
         }
     };
     React.useEffect(() => {
@@ -3620,7 +3633,7 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
         };
     }, []);
     React.useEffect(() => {
-        if (!replyMentionedUser)
+        if (!replyMentionedUser || !divInputRef?.current)
             return;
         divInputRef.current?.focus();
         const selection = window.getSelection();
@@ -3632,7 +3645,6 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
             const spaceNode = document.createTextNode('\u00A0'); // Unicode for non-breaking space
             addMentionToRangeAndSpaceNode(range, spaceNode, mentionedUser);
             createNewRangeAndMoveCursorToTheEnd(selection, spaceNode);
-            divInputRef.current?.focus();
         }
     }, [replyMentionedUser]);
     React.useEffect(() => {

package/dist/src/components/input-comment/useInputHook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useInputHook.d.ts","sourceRoot":"","sources":["../../../../src/components/input-comment/useInputHook.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,UAAU,UAAU;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC5C,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,IAAI,CAAA;CAC5B;AAED,eAAO,MAAM,YAAY,oHAAqH,UAAU;yBA2HxH,mBAAmB;;;;;;;;;8BA/Ed,IAAI;;;;CA+SxC,CAAA"}
+{"version":3,"file":"useInputHook.d.ts","sourceRoot":"","sources":["../../../../src/components/input-comment/useInputHook.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,UAAU,UAAU;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC5C,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,IAAI,CAAA;CAC5B;AAED,eAAO,MAAM,YAAY,oHAAqH,UAAU;yBA2HxH,mBAAmB;;;;;;;;;8BA/Ed,IAAI;;;;CAyTxC,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "frst-components",
   "homepage": "http://FRST-Falconi.github.io/storybook.frstfalconi.com",
-  "version": "0.22.15",
+  "version": "0.22.17",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",