frst-components 0.22.13 → 0.22.15

package/dist/index.js

@@ -3522,6 +3522,11 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
             // Find the last index of "@" in the text before the cursor
             const atIndex = completeText.lastIndexOf('@');
             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}`);
             if (hasSpaceBeForeKey || textBeforeCursor === "@") {
                 if (atIndex !== -1) {
                     // Get the characters after the last "@"
@@ -3532,19 +3537,25 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
                     inputSearch = afterAt.replace('@', '');
                 }
                 else {
+                    console.log(`teste esconde mention atIndex = ${atIndex}`);
                     inputSearch = '';
                     setShowMention(false);
                 }
             }
             else {
+                console.log(`teste esconde mention`);
                 setShowMention(false);
             }
         }
         if ((hasSpaceBeForeKey && hasKeyPresent) || textBeforeCursor === "@") {
+            console.log(`teste, chamar backend com ${inputSearch}`);
             setShowMention(true);
             setInputSearch(inputSearch);
             !!onChange && onChange(inputSearch);
         }
+        else {
+            console.log(`teste, não chamou o backend ${inputSearch}`);
+        }
         countChars();
         createFormatAndTextContentToSaveComment();
     };
@@ -3564,6 +3575,8 @@ 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);
         if ((divInputRef.current.childNodes.length === 0 && !focus)) {
             // create a textnode with the placeholder
             divInputRef.current.innerText = placeholder;
@@ -3578,6 +3591,7 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
                     setPlaceholder(false);
                 }
             });
+            console.log('placeholder isEmpty = ', isEmpty);
             // if they are empty show the placeholder
             if (isEmpty) {
                 // create a textnode with the placeholder
@@ -3587,11 +3601,15 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
         }
         else if (divInputRef.current.innerText === placeholder) {
             // create a paragraph node
+            divInputRef.current.innerHTML = '';
+            // clear complete the div
+            divInputRef.current.innerText = '';
+            console.log(`placeholder clear`);
             const p = document.createElement('p');
             const br = document.createElement('br');
             p.appendChild(br);
-            divInputRef.current.innerHTML = '';
             divInputRef.current.appendChild(p);
+            console.log(`placeholder divInputRef.current.innerHtml= ${divInputRef.current.innerHTML}`);
             setPlaceholder(false);
         }
     };
@@ -3614,6 +3632,7 @@ 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(() => {
@@ -4575,7 +4594,7 @@ const Button$3 = styled__default["default"].div `
             &:hover {
                 background: ${({ theme }) => disabled ? theme.colors.borderPrimary : theme.colors.primary1};
                 color:  ${({ theme }) => theme.colors.shadeWhite};
-                box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
+                box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
             }
 
             ${(isTooltipActive || active) && `color : ${theme.colors.shadeWhite};`}
@@ -4610,10 +4629,11 @@ const ButtonMore$1 = styled__default["default"](Button__default["default"]) `
     display: flex !important;
     justify-content: center !important;
     border-radius: 12px !important;
+    background-color: transparent !important;
     ${({ isHover }) => isHover && `&:hover {
       background-color: #FFF9 !important;
   }`};
-}`;
+`;
 const MenuCustom$2 = styled__default["default"](Menu__default["default"]) `
 margin-top: 8px;
 margin-left: 30px;
@@ -19500,7 +19520,7 @@ function FiltroGaleriaDesafios({ placeholderSelect, handleValueSelect, optionLab
         const lengthList = selectedItems ? selectedItems.length : 0;
         return listItems.length >= maxListItems ? (jsxRuntime.jsxs(searchAndButton$1, { children: [jsxRuntime.jsx("div", { children: jsxRuntime.jsx(SearchField, { placeholder: textBusca, className: null, handleClickButton: null, isButton: true, hasSearchIcon: true, onChange: (e) => {
                             setTextFilter(e.target.value);
-                        } }) }), lengthList >= 1 ? (jsxRuntime.jsx(Button$4, { style: { marginTop: "1rem" }, variant: 'link', label: textButtonClear, disabled: false, handleClick: () => {
+                        } }) }), lengthList >= 2 ? (jsxRuntime.jsx(Button$4, { style: { marginTop: "1rem" }, variant: 'link', label: textButtonClear, disabled: false, handleClick: () => {
                         setSelectedListItems(null);
                         handleValueSelect([]);
                     } })) : (jsxRuntime.jsx("div", {}))] })) : lengthList >= 1 ? (jsxRuntime.jsx(searchAndButton$1, { children: jsxRuntime.jsx(Button$4, { variant: 'link', label: textButtonClear, disabled: false, handleClick: () => {

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;;;;CA4RxC,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;;;;CA+SxC,CAAA"}

package/dist/src/components/menu-more/menuMoreStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menuMoreStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/menu-more/menuMoreStyles.ts"],"names":[],"mappings":"AAEA,OAAO,IAAI,MAAM,oBAAoB,CAAA;AAGrC,eAAO,MAAM,QAAQ,kEAIpB,CAAA;AAED,eAAO,MAAM,UAAU;aAA8B,OAAO;SAa1D,CAAA;AAGF,eAAO,MAAM,UAAU,0EAgDtB,CAAA;AAED,eAAO,MAAM,cAAc,mKAa1B,CAAA;AAED,eAAO,MAAM,iBAAiB,mKAS7B,CAAA;AAED,eAAO,MAAM,UAAU,oEAQtB,CAAA;AAED,eAAO,MAAM,UAAU,oEAMtB,CAAA"}
+{"version":3,"file":"menuMoreStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/menu-more/menuMoreStyles.ts"],"names":[],"mappings":"AACA,OAAO,IAAI,MAAM,oBAAoB,CAAA;AAIrC,eAAO,MAAM,QAAQ,kEAIpB,CAAA;AAED,eAAO,MAAM,UAAU;aAA8B,OAAO;SAc3D,CAAA;AAGD,eAAO,MAAM,UAAU,0EAgDtB,CAAA;AAED,eAAO,MAAM,cAAc,mKAa1B,CAAA;AAED,eAAO,MAAM,iBAAiB,mKAS7B,CAAA;AAED,eAAO,MAAM,UAAU,oEAQtB,CAAA;AAED,eAAO,MAAM,UAAU,oEAMtB,CAAA"}

package/package.json

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