pge-front-common 14.1.13 → 14.1.15

package/lib/components/InformativeBox/index.type.d.ts

@@ -1,9 +1,9 @@
-import { HtmlHTMLAttributes } from "react";
-export interface InformativeBoxProps extends HtmlHTMLAttributes<HTMLDivElement> {
-    infoType: 'success' | 'alert' | 'warning' | 'informative';
-    widthType?: 'fitContent' | 'fullWidth';
-    title: string;
-    message: string;
+import { HtmlHTMLAttributes, ReactNode } from "react";
+export interface InformativeBoxProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>, "title"> {
+    infoType: "success" | "alert" | "warning" | "informative";
+    widthType?: "fitContent" | "fullWidth";
+    title: string | ReactNode;
+    message: string | ReactNode;
     hasDismissButton?: boolean;
     onClose?: () => void;
 }

package/lib/index.d.ts

@@ -28,11 +28,11 @@ interface InputBaseProps$1 extends InputHTMLAttributes<HTMLInputElement> {
 }
 declare const InputBase: ({ customClass, restrictionMessage, label, leftIcon, rightIcon, onRightIconClick, style, required, error, helperText, disabled, readOnly, className, showCounter, value, ...props }: InputBaseProps$1) => React__default.JSX.Element;
 
-interface InformativeBoxProps extends HtmlHTMLAttributes<HTMLDivElement> {
-    infoType: 'success' | 'alert' | 'warning' | 'informative';
-    widthType?: 'fitContent' | 'fullWidth';
-    title: string;
-    message: string;
+interface InformativeBoxProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>, "title"> {
+    infoType: "success" | "alert" | "warning" | "informative";
+    widthType?: "fitContent" | "fullWidth";
+    title: string | ReactNode;
+    message: string | ReactNode;
     hasDismissButton?: boolean;
     onClose?: () => void;
 }

package/lib/index.esm.js

@@ -841,7 +841,7 @@ var RadioGroupBase = function (_a) {
         !hasError && message && React__default.createElement("p", { className: styles$q.message }, message)));
 };
 
-var css_248z$t = ".header-module__separator_background___lYfCd {\r\n  background-color: rgb(188, 157, 50);\r\n  width: 100%;\r\n  height: 4px;\r\n  opacity: 1;\r\n}\r\n.header-module__container___eaqPg {\r\n  height: 100%;\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 28px 72px;\r\n  min-width: 1024px;\r\n\r\n  @media (max-width: 1024px) {\r\n    padding: 22px 16px;\r\n    min-width: 100%;\r\n  }\r\n}\r\n\r\n.header-module__wrapperMenu___m5rLa {\r\n  display: flex;\r\n  gap: 24px;\r\n  align-items: center;\r\n\r\n  @media (max-width: 1024px) {\r\n    gap: 8px;\r\n  }\r\n}\r\n\r\n.header-module__iconLogo___pcEoN {\r\n  @media (max-width: 1024px) {\r\n    width: 100px;\r\n  }\r\n}\r\n\r\n.header-module__verticalDivider___4JMWc {\r\n  content: \"\";\r\n  display: inline-block;\r\n  height: 50px;\r\n  width: 1px;\r\n  background-color: #ccc;\r\n  margin: 0px 0px 0px 0px;\r\n}\r\n\r\n.header-module__containerHeaderIndex___ueqa- {\r\n  width: 100%;\r\n  max-height: 6rem;\r\n  font-size: 2rem;\r\n  box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.19);\r\n}\r\n\r\n.header-module__set_shadow___UUN7Y {\r\n  border-radius: 0px 0px 16px 16px;\r\n  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.header-module__limitedWidth___fsCel {\r\n  max-width: 1440px;\r\n  margin: 0 auto;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n  .header-module__containerHeaderIndex___ueqa- {\r\n    max-height: 6rem;\r\n  }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .header-module__containerHeaderIndex___ueqa- {\r\n    max-height: 13rem;\r\n  }\r\n}\r\n\r\n.header-module__iconLogoCASC___3YUG6 {\r\n  height: 65px;\r\n  width: auto;\r\n}\r\n\r\n.header-module__iconLogoPGE___HK3gX {\r\n  margin-right: 20px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .header-module__iconLogoCASC___3YUG6 {\r\n    height: 45px;\r\n    width: auto;\r\n  }\r\n}\r\n\r\n.header-module__responsiveCASC___KL8jM {\r\n  @media (max-width: 1024px) {\r\n    .header-module__iconLogoCASC___3YUG6 {\r\n      height: 45px;\r\n      width: auto;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .header-module__iconLogoCASC___3YUG6 {\r\n      height: 40px;\r\n      width: auto;\r\n    }\r\n  }\r\n}\r\n\r\n.header-module__limitedWidthBeneficios___-Jcji {\r\n  max-width: 1440px !important;\r\n  margin: 0 auto !important;\r\n  padding-left: 141px !important;\r\n  padding-right: 136px !important;\r\n}\r\n\r\n.header-module__IconMenu___7JWj- {\r\n  display: flex;\r\n  max-height: 48px;\r\n}\r\n";
+var css_248z$t = ".header-module__separator_background___lYfCd {\r\n  background-color: rgb(188, 157, 50);\r\n  width: 100%;\r\n  height: 4px;\r\n  opacity: 1;\r\n}\r\n.header-module__container___eaqPg {\r\n  height: 100%;\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 28px 72px;\r\n  min-width: 1024px;\r\n\r\n  @media (max-width: 1024px) {\r\n    padding: 22px 16px;\r\n    min-width: 100%;\r\n  }\r\n}\r\n\r\n.header-module__wrapperMenu___m5rLa {\r\n  display: flex;\r\n  gap: 24px;\r\n  align-items: center;\r\n\r\n  @media (max-width: 1024px) {\r\n    gap: 8px;\r\n  }\r\n}\r\n\r\n.header-module__iconLogo___pcEoN {\r\n  @media (max-width: 1024px) {\r\n    width: 100px;\r\n  }\r\n}\r\n\r\n.header-module__verticalDivider___4JMWc {\r\n  content: \"\";\r\n  display: inline-block;\r\n  height: 50px;\r\n  width: 1px;\r\n  background-color: #ccc;\r\n  margin: 0px 0px 0px 0px;\r\n}\r\n\r\n.header-module__containerHeaderIndex___ueqa- {\r\n  width: 100%;\r\n  max-height: 6rem;\r\n  font-size: 2rem;\r\n  box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.19);\r\n}\r\n\r\n.header-module__set_shadow___UUN7Y {\r\n  border-radius: 0px 0px 16px 16px;\r\n  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.header-module__limitedWidth___fsCel {\r\n  max-width: 1440px;\r\n  margin: 0 auto;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n  .header-module__containerHeaderIndex___ueqa- {\r\n    max-height: 6rem;\r\n  }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .header-module__containerHeaderIndex___ueqa- {\r\n    max-height: 13rem;\r\n  }\r\n}\r\n\r\n.header-module__iconLogoCASC___3YUG6 {\r\n  height: 65px;\r\n  width: auto;\r\n}\r\n\r\n.header-module__iconLogoPGE___HK3gX {\r\n  margin-right: 20px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .header-module__iconLogoCASC___3YUG6 {\r\n    height: 45px;\r\n    width: auto;\r\n  }\r\n}\r\n\r\n.header-module__responsiveCASC___KL8jM {\r\n  @media (max-width: 1024px) {\r\n    .header-module__iconLogoCASC___3YUG6 {\r\n      height: 45px;\r\n      width: auto;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .header-module__iconLogoCASC___3YUG6 {\r\n      height: 40px;\r\n      width: auto;\r\n    }\r\n  }\r\n}\r\n\r\n.header-module__limitedWidthBeneficios___-Jcji {\r\n  max-width: 1440px !important;\r\n  margin: 0 auto !important;\r\n}\r\n\r\n.header-module__IconMenu___7JWj- {\r\n  display: flex;\r\n  max-height: 48px;\r\n}\r\n";
 var styles$p = {"separator_background":"header-module__separator_background___lYfCd","container":"header-module__container___eaqPg","wrapperMenu":"header-module__wrapperMenu___m5rLa","iconLogo":"header-module__iconLogo___pcEoN","verticalDivider":"header-module__verticalDivider___4JMWc","containerHeaderIndex":"header-module__containerHeaderIndex___ueqa-","set_shadow":"header-module__set_shadow___UUN7Y","limitedWidth":"header-module__limitedWidth___fsCel","iconLogoCASC":"header-module__iconLogoCASC___3YUG6","iconLogoPGE":"header-module__iconLogoPGE___HK3gX","responsiveCASC":"header-module__responsiveCASC___KL8jM","limitedWidthBeneficios":"header-module__limitedWidthBeneficios___-Jcji","IconMenu":"header-module__IconMenu___7JWj-"};
 styleInject(css_248z$t);
 
@@ -8468,10 +8468,27 @@ var Blanket = function (props) { return (React__default.createElement("div", __a
     } }, props))); };
 var Dropdown = function (_a) {
     var children = _a.children, isOpen = _a.isOpen, target = _a.target, onClose = _a.onClose;
-    return (React__default.createElement("div", { style: { position: "relative", width: "100%" } },
+    var dropdownRef = useRef(null);
+    useEffect(function () {
+        var handleClickOutside = function (event) {
+            if (dropdownRef.current &&
+                !dropdownRef.current.contains(event.target)) {
+                onClose();
+            }
+        };
+        if (isOpen) {
+            document.addEventListener("mousedown", handleClickOutside);
+        }
+        else {
+            document.removeEventListener("mousedown", handleClickOutside);
+        }
+        return function () {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, [isOpen, onClose]);
+    return (React__default.createElement("div", { ref: dropdownRef, style: { position: "relative", width: "100%" } },
         target,
-        isOpen ? React__default.createElement(Menu, null, children) : null,
-        isOpen ? React__default.createElement(Blanket, { onClick: onClose }) : null));
+        isOpen ? React__default.createElement(Menu, null, children) : null));
 };
 function isArrayContained(subset, superset) {
     return subset.every(function (subItem) {