pge-front-common 14.0.47 → 14.0.48

package/lib/index.esm.js

@@ -885,12 +885,7 @@ var Menu$2 = function (_a) {
             document.removeEventListener("click", handleClickOutside);
         };
     }, [showDropDown]);
-    return (React__default.createElement("div", { ref: buttonRef, className: showDropDown ? "active" : undefined, onClick: toggleDropDown, onKeyDown: function (e) {
-            if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                toggleDropDown();
-            }
-        }, style: { cursor: "pointer" }, tabIndex: 0, role: "button", "aria-expanded": showDropDown },
+    return (React__default.createElement("button", { ref: buttonRef, style: { all: "unset", cursor: "pointer" }, className: showDropDown ? "active" : undefined, onClick: toggleDropDown, "aria-expanded": showDropDown, "aria-label": "Abrir menu" },
         React__default.createElement(MenuIcon, { className: styles$n.iconMenu }),
         showDropDown && (React__default.createElement(DropDown, { options: options, showDropDown: showDropDown, toggleDropDown: toggleDropDown, optionSelection: handleSelectOption }))));
 };
@@ -23741,7 +23736,7 @@ function SkeletonLoader(_a) {
         React__default.createElement("div", { className: "".concat(className || "", " ").concat(styles$3.skeletonCell) })));
 }
 
-var css_248z$3 = ".styles-module__container___QloUX {\r\n    position: relative;\r\n    display: flex;\r\n  }\r\n  \r\n  .styles-module__tooltip___YByF3 {\r\n    position: absolute;\r\n    width: max-content;\r\n    height: fit-content;\r\n    max-width: 480px;\r\n    border-radius: 8px;\r\n    word-wrap: break-word;\r\n    background: var(--background-color);\r\n    padding: 10px;\r\n    border: 1px solid #c3c3c3;\r\n    z-index: 1000;\r\n  }\r\n  \r\n  .styles-module__textContent___d2QUQ {\r\n    font-weight: 400;\r\n    font-size: var(--font-size-14, 14px);\r\n    line-height: 21px;\r\n    color: var(--foreground);\r\n  }\r\n  \r\n  .styles-module__top-right___a4ZLm {\r\n    bottom: 100%;\r\n    left: 100%;\r\n    margin-bottom: 8px;\r\n  }\r\n  \r\n  .styles-module__bottom-right___T2KLe {\r\n    top: 100%;\r\n    left: 100%;\r\n    margin-top: 8px;\r\n  }\r\n  \r\n  .styles-module__bottom-left___J6rSH {\r\n    top: 100%;\r\n    right: 100%;\r\n    margin-top: 8px;\r\n  }\r\n  \r\n  .styles-module__top-left___KQLAL {\r\n    bottom: 100%;\r\n    right: 100%;\r\n    margin-bottom: 8px;\r\n  }\r\n  \r\n  .styles-module__mobile___BKPrq {\r\n    bottom: 100%;\r\n    left: 100%;\r\n    margin-bottom: 8px;\r\n  }\r\n  \r\n  @media screen and (max-width: 480px) {\r\n    .styles-module__container___QloUX {\r\n      position: static;\r\n    }\r\n  \r\n    .styles-module__tooltip___YByF3 {\r\n      width: max-content;\r\n      max-width: 92vw;\r\n      left: 0;\r\n      bottom: 90%;\r\n      text-align: start;\r\n      padding: 10px;\r\n      position: absolute;\r\n      flex-wrap: wrap;\r\n      border-radius: 8px;\r\n    }\r\n  \r\n    .styles-module__textContent___d2QUQ {\r\n      font-size: var(--font-size-12, 12px);\r\n    }\r\n  }\r\n  ";
+var css_248z$3 = ".styles-module__container___QloUX {\r\n    all: unset;\r\n    position: relative;\r\n    display: flex;\r\n  }\r\n  \r\n  .styles-module__tooltip___YByF3 {\r\n    position: absolute;\r\n    width: max-content;\r\n    height: fit-content;\r\n    max-width: 480px;\r\n    border-radius: 8px;\r\n    word-wrap: break-word;\r\n    background: var(--background-color);\r\n    padding: 10px;\r\n    border: 1px solid #c3c3c3;\r\n    z-index: 1000;\r\n  }\r\n  \r\n  .styles-module__textContent___d2QUQ {\r\n    font-weight: 400;\r\n    font-size: var(--font-size-14, 14px);\r\n    line-height: 21px;\r\n    color: var(--foreground);\r\n  }\r\n  \r\n  .styles-module__top-right___a4ZLm {\r\n    bottom: 100%;\r\n    left: 100%;\r\n    margin-bottom: 8px;\r\n  }\r\n  \r\n  .styles-module__bottom-right___T2KLe {\r\n    top: 100%;\r\n    left: 100%;\r\n    margin-top: 8px;\r\n  }\r\n  \r\n  .styles-module__bottom-left___J6rSH {\r\n    top: 100%;\r\n    right: 100%;\r\n    margin-top: 8px;\r\n  }\r\n  \r\n  .styles-module__top-left___KQLAL {\r\n    bottom: 100%;\r\n    right: 100%;\r\n    margin-bottom: 8px;\r\n  }\r\n  \r\n  .styles-module__mobile___BKPrq {\r\n    bottom: 100%;\r\n    left: 100%;\r\n    margin-bottom: 8px;\r\n  }\r\n  \r\n  @media screen and (max-width: 480px) {\r\n    .styles-module__container___QloUX {\r\n      position: static;\r\n    }\r\n  \r\n    .styles-module__tooltip___YByF3 {\r\n      width: max-content;\r\n      max-width: 92vw;\r\n      left: 0;\r\n      bottom: 90%;\r\n      text-align: start;\r\n      padding: 10px;\r\n      position: absolute;\r\n      flex-wrap: wrap;\r\n      border-radius: 8px;\r\n    }\r\n  \r\n    .styles-module__textContent___d2QUQ {\r\n      font-size: var(--font-size-12, 12px);\r\n    }\r\n  }\r\n  ";
 var styles$2 = {"container":"styles-module__container___QloUX","tooltip":"styles-module__tooltip___YByF3","textContent":"styles-module__textContent___d2QUQ","top-right":"styles-module__top-right___a4ZLm","bottom-right":"styles-module__bottom-right___T2KLe","bottom-left":"styles-module__bottom-left___J6rSH","top-left":"styles-module__top-left___KQLAL","mobile":"styles-module__mobile___BKPrq"};
 styleInject(css_248z$3);
 
@@ -23754,6 +23749,12 @@ var TooltipWithPortal = function (_a) {
     var targetRef = useRef(null);
     var visible = internalVisible || forceVisible;
     var PADDING = 8;
+    var onKeyDown = function (e) {
+        if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            setInternalVisible(function (v) { return !v; });
+        }
+    };
     useEffect(function () {
         var handleResize = function () {
             setIsMobile(window.innerWidth <= 480);
@@ -23854,7 +23855,7 @@ var TooltipWithPortal = function (_a) {
     var onTouch = function () { return isMobile && setInternalVisible(function (v) { return !v; }); };
     var onClick = function () { return !isMobile && setInternalVisible(function (v) { return !v; }); };
     return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("div", { ref: targetRef, className: styles$2.container, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onTouchStart: onTouch, onClick: onClick, role: "button", "aria-haspopup": "true", "aria-expanded": visible }, children),
+        React__default.createElement("button", { ref: targetRef, type: "button", className: styles$2.container, "aria-haspopup": "true", "aria-expanded": visible, "aria-label": text, onKeyDown: onKeyDown, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onTouchStart: onTouch, onClick: onClick }, children),
         visible &&
             typeof window !== "undefined" &&
             ReactDOM__default.createPortal(React__default.createElement("div", { ref: tooltipRef, className: styles$2.tooltip, style: tooltipStyle, "aria-hidden": !visible },