plataforma-fundacao-componentes 2.23.8 → 2.23.9

package/dist/index.css

@@ -8499,13 +8499,13 @@ h5 {
   outline: none;
   position: relative;
   transition: color 0.3s ease, background-color 0.3s ease; }
-  .component-dropdown-item:not(:disabled) {
+  .component-dropdown-item:not(:disabled):not(.loading) {
     cursor: pointer; }
-    .component-dropdown-item:not(:disabled):hover {
+    .component-dropdown-item:not(:disabled):not(.loading):hover {
       background-color: #f3f3f3; }
-  .component-dropdown-item:disabled {
+  .component-dropdown-item:disabled, .component-dropdown-item.loading {
     color: #cdd3cd; }
-    .component-dropdown-item:disabled .component-dropdown-item-loader {
+    .component-dropdown-item:disabled .component-dropdown-item-loader, .component-dropdown-item.loading .component-dropdown-item-loader {
       color: #828a82; }
   .component-dropdown-item .component-dropdown-item-content {
     width: 100%;
@@ -8548,13 +8548,13 @@ h5 {
     .component-dropdown-item .component-dropdown-item-loader.component-dropdown-item-fade-enter {
       width: 0;
       opacity: 0; }
-    .component-dropdown-item .component-dropdown-item-loader.component-dropdown-item-fade-enter-active {
+    .component-dropdown-item .component-dropdown-item-loader.component-dropdown-item-fade-enter-active, .component-dropdown-item .component-dropdown-item-loader.component-dropdown-item-fade-enter-done {
       opacity: 1;
       width: 30px; }
     .component-dropdown-item .component-dropdown-item-loader.component-dropdown-item-fade-exit {
       opacity: 1;
       width: 30px; }
-    .component-dropdown-item .component-dropdown-item-loader.component-dropdown-item-fade-exit-active {
+    .component-dropdown-item .component-dropdown-item-loader.component-dropdown-item-fade-exit-active, .component-dropdown-item .component-dropdown-item-loader.component-dropdown-item-fade-exit-done {
       opacity: 0;
       width: 0px; }
 
@@ -12677,6 +12677,7 @@ h5 {
   .component-menu.component-menu-hamburger-menu {
     transition: width 0.3s ease; }
     .component-menu.component-menu-hamburger-menu .component-menu-close-button {
+      z-index: +1;
       position: absolute;
       right: 12px;
       top: 14px; }

package/dist/index.js

@@ -8531,13 +8531,16 @@ var Doughnut$1 = React.memo(Doughnut);
 var rootClassName$27 = 'component-dropdown-item';
 
 function DropdownItem(props) {
+  var classNames = React.useMemo(function () {
+    return getMergedClassNames([rootClassName$27, props.alignRight ? 'right' : '', props.loading ? 'loading' : '']);
+  }, [props.alignRight, props.loading]);
   return React__default.createElement("button", {
     id: props.id,
-    disabled: props.disabled || props.loading,
+    disabled: props.disabled,
     "aria-disabled": props.disabled,
-    className: getMergedClassNames([rootClassName$27, props.alignRight ? 'right' : '', props.loading ? 'loading' : '']),
+    className: classNames,
     onClick: function onClick(evt) {
-      if (typeof props.onClick === 'function' && !props.disabled) {
+      if (typeof props.onClick === 'function' && !props.loading && !props.disabled) {
         props.onClick(evt);
       }
     }