plataforma-fundacao-componentes 2.23.33 → 2.23.34

package/dist/index.css

@@ -4193,17 +4193,19 @@ max-width	100%	540px	720px	960px	1140px
       font-size: 16px;
       color: #323c32;
       -webkit-user-select: none;
-         -moz-user-select: none;
-              user-select: none; }
+      -moz-user-select: none;
+      user-select: none; }
     .component-date-picker-calendar .header button.month {
       padding: 5px 10px;
       border-radius: 50px;
       -webkit-user-select: none;
-         -moz-user-select: none;
-              user-select: none;
+      -moz-user-select: none;
+      user-select: none;
       background-color: #fefefe;
       border: none;
       -webkit-appearance: none;
+      -moz-appearance: none;
+      appearance: none;
       outline: none;
       transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease; }
       .component-date-picker-calendar .header button.month:not(:disabled) {
@@ -4216,12 +4218,14 @@ max-width	100%	540px	720px	960px	1140px
     .component-date-picker-calendar .header button.prev {
       outline: none;
       -webkit-user-select: none;
-         -moz-user-select: none;
-              user-select: none;
+      -moz-user-select: none;
+      user-select: none;
       display: flex;
       justify-content: center;
       align-items: center;
       -webkit-appearance: none;
+      -moz-appearance: none;
+      appearance: none;
       padding: 8px;
       border: none;
       background-color: #fefefe;
@@ -4241,8 +4245,8 @@ max-width	100%	540px	720px	960px	1140px
         max-width: 16px; }
   .component-date-picker-calendar .week-days {
     -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
+    -moz-user-select: none;
+    user-select: none;
     display: flex;
     align-items: center;
     justify-content: center; }
@@ -4257,8 +4261,8 @@ max-width	100%	540px	720px	960px	1140px
   .component-date-picker-calendar .days {
     display: flex;
     -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
+    -moz-user-select: none;
+    user-select: none;
     align-items: center;
     justify-content: center;
     max-width: 280px;

package/dist/index.js

@@ -8420,33 +8420,18 @@ var DatePickerCalendar$1 = React.memo(DatePickerCalendar);
 var rootClassName$26 = 'component-date-picker';
 
 function DatePicker(props) {
-  var _useState = React.useState(getUniqueKey()),
-      id = _useState[0];
+  var id = React.useMemo(function () {
+    return "picker_" + getUniqueKey();
+  }, []);
 
-  var _useState2 = React.useState(false),
-      opened = _useState2[0],
-      setOpened = _useState2[1];
+  var _useState = React.useState(false),
+      opened = _useState[0],
+      setOpened = _useState[1];
 
   React.useEffect(function () {
     var func = function func(evt) {
-      if (evt.path) {
-        if (document.querySelector("#" + id + "." + rootClassName$26 + "-panel." + rootClassName$26 + "-panel-enter-done") && !evt.path.includes(document.querySelector("#" + id))) setOpened(false);
-      } else {
-        var aux = evt.target;
-        var deveFechar = true;
-
-        while (aux && aux.id !== 'root') {
-          if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$26 + "-panel")) {
-            deveFechar = false;
-            break;
-          }
-
-          aux = aux.parentElement;
-        }
-
-        if (deveFechar) {
-          setOpened(false);
-        }
+      if (document.querySelector("#" + id + "." + rootClassName$26 + "-panel." + rootClassName$26 + "-panel-enter-done") && !evt.composedPath().includes(document.querySelector("#" + id))) {
+        setOpened(false);
       }
     };
 
@@ -8454,6 +8439,7 @@ function DatePicker(props) {
       if (evt.key === 'Escape') {
         setOpened(false);
         evt.preventDefault();
+        evt.stopPropagation();
       }
     };
 
@@ -8471,9 +8457,9 @@ function DatePicker(props) {
     };
   }, [opened]);
 
-  var _useState3 = React.useState(null),
-      inter = _useState3[0],
-      setInter = _useState3[1];
+  var _useState2 = React.useState(null),
+      inter = _useState2[0],
+      setInter = _useState2[1];
 
   var interRef = React.useRef(inter);
   interRef.current = inter;
@@ -8525,9 +8511,9 @@ function DatePicker(props) {
     };
   }, [opened]);
 
-  var _useState4 = React.useState(null),
-      value = _useState4[0],
-      setValue = _useState4[1];
+  var _useState3 = React.useState(null),
+      value = _useState3[0],
+      setValue = _useState3[1];
 
   React.useEffect(function () {
     var vd = function vd() {