plataforma-fundacao-componentes 2.22.13 → 2.22.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import DropdownMenu from './DropdownMenu';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof DropdownMenu;
|
|
6
|
+
};
|
|
5
7
|
export default _default;
|
|
6
|
-
export
|
|
7
|
-
|
|
8
|
+
export declare const Example: () => JSX.Element;
|
|
9
|
+
export declare const Oversized: () => JSX.Element;
|
package/dist/index.css
CHANGED
|
@@ -7876,7 +7876,9 @@ h5 {
|
|
|
7876
7876
|
background-color: #fefefe;
|
|
7877
7877
|
position: fixed;
|
|
7878
7878
|
border-radius: 8px;
|
|
7879
|
-
box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
|
|
7879
|
+
box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
|
|
7880
|
+
overflow: overlay;
|
|
7881
|
+
max-height: calc(49% - 46px); }
|
|
7880
7882
|
|
|
7881
7883
|
.component-dropdown-menu-panel-fade-enter {
|
|
7882
7884
|
transition: transform 0.3s ease, opacity 0.3s ease;
|
package/dist/index.js
CHANGED
|
@@ -4450,26 +4450,20 @@ function DropdownMenu(props) {
|
|
|
4450
4450
|
var windowHeight = window.innerHeight;
|
|
4451
4451
|
var windowWidth = window.innerWidth;
|
|
4452
4452
|
|
|
4453
|
-
if (painel.getBoundingClientRect().height > windowHeight) {
|
|
4454
|
-
painel.style.overflowY = 'overlay';
|
|
4455
|
-
} else {
|
|
4456
|
-
painel.style.overflowY = '';
|
|
4457
|
-
}
|
|
4458
|
-
|
|
4459
4453
|
if (pontoCentralX < windowWidth / 2) {
|
|
4454
|
+
painel.style.left = bound.x + "px";
|
|
4455
|
+
|
|
4460
4456
|
if (pontoCentralY < windowHeight / 2) {
|
|
4461
|
-
painel.style.left = bound.x + "px";
|
|
4462
4457
|
painel.style.top = bound.y + bound.height + "px";
|
|
4463
4458
|
} else {
|
|
4464
|
-
painel.style.left = bound.x + "px";
|
|
4465
4459
|
painel.style.top = bound.y - painel.getBoundingClientRect().height + "px";
|
|
4466
4460
|
}
|
|
4467
4461
|
} else {
|
|
4462
|
+
painel.style.right = windowWidth - bound.x - bound.width + "px";
|
|
4463
|
+
|
|
4468
4464
|
if (pontoCentralY < windowHeight / 2) {
|
|
4469
|
-
painel.style.right = windowWidth - bound.x - bound.width + "px";
|
|
4470
4465
|
painel.style.top = bound.y + bound.height + "px";
|
|
4471
4466
|
} else {
|
|
4472
|
-
painel.style.right = windowWidth - bound.x - bound.width + "px";
|
|
4473
4467
|
painel.style.top = bound.y - painel.getBoundingClientRect().height + "px";
|
|
4474
4468
|
}
|
|
4475
4469
|
}
|
|
@@ -4563,7 +4557,7 @@ function DropdownMenu(props) {
|
|
|
4563
4557
|
classNames: rootClassName$S + "-panel-fade",
|
|
4564
4558
|
unmountOnExit: true
|
|
4565
4559
|
}, React__default.createElement("div", {
|
|
4566
|
-
className: rootClassName$S + "-panel"
|
|
4560
|
+
className: rootClassName$S + "-panel scroll-white"
|
|
4567
4561
|
}, props.content)));
|
|
4568
4562
|
}
|
|
4569
4563
|
DropdownMenu.defaultProps = {
|