pge-front-common 14.1.5 → 14.1.6

package/lib/index.esm.js

@@ -8591,10 +8591,6 @@ var SelectMult = function (_a) {
         !hasError && message && React__default.createElement("p", { className: styles$g.message }, message)));
 };
 
-var css_248z$f = ".styles-module__selectContainer___uFP2d {\r\n  width: 100%;\r\n  font-size: var(--font-size-14);\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.styles-module__selectContainer___uFP2d label {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 700;\r\n  line-height: 24px;\r\n  color: var(--color-label);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .styles-module__selectContainer___uFP2d label {\r\n    font-size: var(--font-size-12);\r\n  }\r\n\r\n  .styles-module__selectContainer___uFP2d {\r\n    font-size: var(--font-size-12);\r\n  }\r\n}\r\n\r\n.styles-module__errorText___grCcq {\r\n  font-size: var(--font-size-12);\r\n  font-weight: 700;\r\n  line-height: 15px;\r\n  text-align: left;\r\n  color: var(--color-danger);\r\n  margin-left: 8px;\r\n}\r\n\r\n.styles-module__errorRequired___PNeLN {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 700;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--color-danger);\r\n}\r\n\r\n.styles-module__contentIcon___SAMFM {\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px;\r\n}\r\n\r\n.styles-module__iconChefron___Cp81j {\r\n  color: var(--color-label);\r\n}\r\n";
-var styles$f = {"selectContainer":"styles-module__selectContainer___uFP2d","errorText":"styles-module__errorText___grCcq","errorRequired":"styles-module__errorRequired___PNeLN","contentIcon":"styles-module__contentIcon___SAMFM","iconChefron":"styles-module__iconChefron___Cp81j"};
-styleInject(css_248z$f);
-
 function useDarkMode() {
     var isClient = typeof document !== 'undefined';
     var _a = useState(function () { return isClient && document.body.classList.contains('dark-mode'); }), isDarkMode = _a[0], setIsDarkMode = _a[1];
@@ -8638,6 +8634,10 @@ function useIsMobile(breakpoint) {
     return isMobile;
 }
 
+var css_248z$f = ".styles-module__selectContainer___uFP2d {\r\n  width: 100%;\r\n  font-size: var(--font-size-14);\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.styles-module__selectContainer___uFP2d label {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 700;\r\n  line-height: 24px;\r\n  color: var(--color-label);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .styles-module__selectContainer___uFP2d label {\r\n    font-size: var(--font-size-12);\r\n  }\r\n\r\n  .styles-module__selectContainer___uFP2d {\r\n    font-size: var(--font-size-12);\r\n  }\r\n}\r\n\r\n.styles-module__errorText___grCcq {\r\n  font-size: var(--font-size-12);\r\n  font-weight: 700;\r\n  line-height: 15px;\r\n  text-align: left;\r\n  color: var(--color-danger);\r\n  margin-left: 8px;\r\n}\r\n\r\n.styles-module__errorRequired___PNeLN {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 700;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--color-danger);\r\n}\r\n\r\n.styles-module__contentIcon___SAMFM {\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px;\r\n}\r\n\r\n.styles-module__iconChefron___Cp81j {\r\n  color: var(--color-label);\r\n}\r\n";
+var styles$f = {"selectContainer":"styles-module__selectContainer___uFP2d","errorText":"styles-module__errorText___grCcq","errorRequired":"styles-module__errorRequired___PNeLN","contentIcon":"styles-module__contentIcon___SAMFM","iconChefron":"styles-module__iconChefron___Cp81j"};
+styleInject(css_248z$f);
+
 var selectColourStyles$1 = function (isInvalid, isDarkMode, isMobile) { return ({
     control: function (styles, _a) {
         var isFocused = _a.isFocused, isDisabled = _a.isDisabled;
@@ -8700,16 +8700,19 @@ var BasicSelect = function (_a) {
         hasError && (React.createElement("span", { className: styles$f.errorText }, "Campo obrigat\u00F3rio ou inv\u00E1lido"))));
 };
 var CustomClearIndicator = function (props) {
-    var _a = props.innerProps, onClick = _a.onClick, onMouseDown = _a.onMouseDown, onTouchEnd = _a.onTouchEnd, restInner = __rest(_a, ["onClick", "onMouseDown", "onTouchEnd"]), clearValue = props.clearValue, innerProps = props.innerProps;
-    var handleKeyDown = function (e) {
-        var _a;
-        if (e.key === "Enter") {
-            e.preventDefault();
-            clearValue();
-        }
-        (_a = innerProps.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(innerProps, e);
+    var innerProps = props.innerProps, clearValue = props.clearValue, inputId = props.selectProps.inputId;
+    var handleClear = function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+        clearValue();
+        var input = document.getElementById(inputId || "");
+        input === null || input === void 0 ? void 0 : input.focus();
     };
-    return (React.createElement(components.ClearIndicator, __assign({}, props, { innerProps: __assign(__assign({}, restInner), { onClick: onClick, onMouseDown: onMouseDown, onTouchEnd: onTouchEnd, tabIndex: 0, role: "button", "aria-label": "Limpar opção selecionada", onKeyDown: handleKeyDown }) })));
+    return (React.createElement(components.ClearIndicator, __assign({}, props, { innerProps: __assign(__assign({}, innerProps), { tabIndex: 0, role: "button", "aria-label": "Limpar opção selecionada", onMouseDown: handleClear, onTouchEnd: handleClear, onKeyDown: function (e) {
+                if (e.key === " " || e.key === "Enter") {
+                    handleClear(e);
+                }
+            } }) })));
 };
 
 var css_248z$e = ".header-module__separator_background___Sicie {\r\n  background-color: rgb(188, 157, 50);\r\n  width: 100%;\r\n  height: 4px;\r\n  opacity: 1;\r\n}\r\n\r\n.header-module__headerContentWrapper___3CWPS {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  width: 100%;\r\n  max-width: 1440px;\r\n  padding: 0px 72px;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .header-module__headerContentWrapper___3CWPS {\r\n    padding: 0px 4px;\r\n  }\r\n}\r\n\r\n.header-module__container___pv1f6 {\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 0px;\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___qgf2- {\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___Sr8Ih {\r\n  @media (max-width: 1024px) {\r\n    width: 100px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .header-module__iconLogo___Sr8Ih {\r\n    width: 64px;\r\n    height: 25px;\r\n  }\r\n}\r\n\r\n.header-module__verticalDivider___j6I1p {\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___6ddUY {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\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  background-color: var(--header-bg-main-color);\r\n}\r\n\r\n.header-module__set_shadow___Wwh0E {\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___PhM7B {\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___6ddUY {\r\n    max-height: 6rem;\r\n  }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .header-module__containerHeaderIndex___6ddUY {\r\n    max-height: 13rem;\r\n  }\r\n}\r\n\r\n.header-module__iconLogoCASC___HX7YL {\r\n  height: 65px;\r\n  width: auto;\r\n}\r\n\r\n.header-module__iconLogoPGE___II1i2 {\r\n  margin-right: 20px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .header-module__iconLogoCASC___HX7YL {\r\n    height: 45px;\r\n    width: auto;\r\n  }\r\n}\r\n\r\n.header-module__responsiveCASC___nqE60 {\r\n  @media (max-width: 1024px) {\r\n    .header-module__iconLogoCASC___HX7YL {\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___HX7YL {\r\n      height: 40px;\r\n      width: auto;\r\n    }\r\n  }\r\n}\r\n\r\n.header-module__dividaAtivaLogoContainer___k6PDu {\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  gap: 4px;\r\n}\r\n\r\n.header-module__IconMenu___guscJ {\r\n  display: flex;\r\n  max-height: 48px;\r\n}\r\n";