pge-front-common 14.0.43 → 14.0.45
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.
- package/lib/index.esm.js +89 -54
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +89 -54
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
package/lib/index.esm.js
CHANGED
|
@@ -8598,8 +8598,8 @@ var Title$1 = function (_a) {
|
|
|
8598
8598
|
return React__default.createElement("h1", { className: styles$d.title__home }, title);
|
|
8599
8599
|
};
|
|
8600
8600
|
|
|
8601
|
-
var css_248z$c = ".styles-module__tableResponsive___X3Pht {\r\n overflow-x: auto;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 0;\r\n border-top-left-radius: 0.75rem;\r\n border-top-right-radius: 0.75rem;\r\n}\r\n\r\n.styles-module__tableResponsive___X3Pht.styles-module__hadBottomRounded___DUWJQ {\r\n border-bottom-left-radius: 0.75rem;\r\n border-bottom-right-radius: 0.75rem;\r\n}\r\n\r\n.styles-module__tableResponse__setBorderRadius___KbRux {\r\n border-radius: 0;\r\n border-top-left-radius: 0.75rem;\r\n border-top-right-radius: 0.75rem;\r\n}\r\n\r\n.styles-module__table___u86d0 {\r\n width: 100%;\r\n border-collapse: collapse;\r\n border-radius: 8px 8px 0px 0px;\r\n}\r\n\r\n.styles-module__thead___31Y6o {\r\n background-color: var(--color-primary);\r\n color: #fff;\r\n border-radius: 8px 8px 0px 0px;\r\n height: 40px;\r\n}\r\n\r\n.styles-module__th___HfMyp {\r\n padding: 16px 30px 16px 24px;\r\n
|
|
8602
|
-
var styles$c = {"tableResponsive":"styles-module__tableResponsive___X3Pht","hadBottomRounded":"styles-module__hadBottomRounded___DUWJQ","tableResponse__setBorderRadius":"styles-module__tableResponse__setBorderRadius___KbRux","table":"styles-module__table___u86d0","thead":"styles-module__thead___31Y6o","th":"styles-module__th___HfMyp","left":"styles-module__left___aIlAN","center":"styles-module__center___ATHmE","right":"styles-module__right___gFq1h","tableHeadContainer":"styles-module__tableHeadContainer___npyid","sortIndicator":"styles-module__sortIndicator___TCKlV","sortAsc":"styles-module__sortAsc___FSCqV","sortDesc":"styles-module__sortDesc___gqFDu","tbody":"styles-module__tbody___gl0AK","rowWhite":"styles-module__rowWhite___ANenF","rowGray":"styles-module__rowGray___Fq6QZ","tr":"styles-module__tr___0ZMLo","td":"styles-module__td___qg16D","noRecords":"styles-module__noRecords___rkZTs","actionHeader":"styles-module__actionHeader___GMevA","actionCell":"styles-module__actionCell___kijis","actionIcon":"styles-module__actionIcon___knjpp"};
|
|
8601
|
+
var css_248z$c = ".styles-module__tableResponsive___X3Pht {\r\n overflow-x: auto;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 0;\r\n border-top-left-radius: 0.75rem;\r\n border-top-right-radius: 0.75rem;\r\n}\r\n\r\n.styles-module__tableResponsive___X3Pht.styles-module__hadBottomRounded___DUWJQ {\r\n border-bottom-left-radius: 0.75rem;\r\n border-bottom-right-radius: 0.75rem;\r\n}\r\n\r\n.styles-module__tableResponse__setBorderRadius___KbRux {\r\n border-radius: 0;\r\n border-top-left-radius: 0.75rem;\r\n border-top-right-radius: 0.75rem;\r\n}\r\n\r\n.styles-module__table___u86d0 {\r\n width: 100%;\r\n border-collapse: collapse;\r\n border-radius: 8px 8px 0px 0px;\r\n}\r\n\r\n.styles-module__thead___31Y6o {\r\n background-color: var(--color-primary);\r\n color: #fff;\r\n border-radius: 8px 8px 0px 0px;\r\n height: 40px;\r\n}\r\n\r\n.styles-module__th___HfMyp {\r\n padding: 16px 30px 16px 24px;\r\n position: relative;\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 700;\r\n line-height: 19.07px;\r\n text-align: left;\r\n white-space: nowrap;\r\n}\r\n\r\n.styles-module__th___HfMyp.styles-module__sortableTh___qUpBb {\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__th___HfMyp.styles-module__left___aIlAN {\r\n text-align: left;\r\n}\r\n\r\n.styles-module__th___HfMyp.styles-module__center___ATHmE {\r\n text-align: center;\r\n}\r\n\r\n.styles-module__th___HfMyp.styles-module__right___gFq1h {\r\n text-align: right;\r\n}\r\n\r\n.styles-module__tableHeadContainer___npyid.styles-module__left___aIlAN {\r\n justify-content: left;\r\n}\r\n\r\n.styles-module__tableHeadContainer___npyid.styles-module__center___ATHmE {\r\n justify-content: center;\r\n}\r\n\r\n.styles-module__tableHeadContainer___npyid.styles-module__right___gFq1h {\r\n justify-content: right;\r\n}\r\n\r\n.styles-module__tableHeadContainer___npyid {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__sortIndicator___TCKlV {\r\n display: inline-flex;\r\n align-items: center;\r\n margin-left: 8px;\r\n}\r\n\r\n.styles-module__sortAsc___FSCqV,\r\n.styles-module__sortDesc___gqFDu {\r\n margin: 0 2px;\r\n}\r\n\r\n.styles-module__tbody___gl0AK {\r\n border-top: 1px solid #e0e0e0;\r\n}\r\n\r\n.styles-module__rowWhite___ANenF {\r\n background-color: var(--background-color-table-primary);\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__rowGray___Fq6QZ {\r\n background-color: var(--background-color-table-secondary);\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__tr___0ZMLo:hover {\r\n background-color: #e0f7fa;\r\n}\r\n\r\n.styles-module__td___qg16D {\r\n text-align: start;\r\n padding: 8px 24px;\r\n white-space: nowrap;\r\n}\r\n\r\n.styles-module__td___qg16D.styles-module__left___aIlAN {\r\n text-align: left;\r\n}\r\n\r\n.styles-module__td___qg16D.styles-module__center___ATHmE {\r\n text-align: center;\r\n}\r\n\r\n.styles-module__td___qg16D.styles-module__right___gFq1h {\r\n text-align: right;\r\n}\r\n\r\n.styles-module__noRecords___rkZTs {\r\n padding: 28px;\r\n text-align: center;\r\n color: #777;\r\n}\r\n\r\n.styles-module__actionHeader___GMevA {\r\n text-align: center;\r\n}\r\n\r\n.styles-module__actionCell___kijis {\r\n text-align: center;\r\n}\r\n\r\n.styles-module__actionCell___kijis.styles-module__left___aIlAN {\r\n text-align: left;\r\n}\r\n\r\n.styles-module__actionCell___kijis.styles-module__center___ATHmE {\r\n text-align: center;\r\n}\r\n\r\n.styles-module__actionCell___kijis.styles-module__right___gFq1h {\r\n text-align: right;\r\n}\r\n\r\n.styles-module__actionIcon___knjpp {\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n color: #ff0000;\r\n font-size: var(--font-size-16, 16px);\r\n padding: 0;\r\n margin: 0;\r\n}\r\n";
|
|
8602
|
+
var styles$c = {"tableResponsive":"styles-module__tableResponsive___X3Pht","hadBottomRounded":"styles-module__hadBottomRounded___DUWJQ","tableResponse__setBorderRadius":"styles-module__tableResponse__setBorderRadius___KbRux","table":"styles-module__table___u86d0","thead":"styles-module__thead___31Y6o","th":"styles-module__th___HfMyp","sortableTh":"styles-module__sortableTh___qUpBb","left":"styles-module__left___aIlAN","center":"styles-module__center___ATHmE","right":"styles-module__right___gFq1h","tableHeadContainer":"styles-module__tableHeadContainer___npyid","sortIndicator":"styles-module__sortIndicator___TCKlV","sortAsc":"styles-module__sortAsc___FSCqV","sortDesc":"styles-module__sortDesc___gqFDu","tbody":"styles-module__tbody___gl0AK","rowWhite":"styles-module__rowWhite___ANenF","rowGray":"styles-module__rowGray___Fq6QZ","tr":"styles-module__tr___0ZMLo","td":"styles-module__td___qg16D","noRecords":"styles-module__noRecords___rkZTs","actionHeader":"styles-module__actionHeader___GMevA","actionCell":"styles-module__actionCell___kijis","actionIcon":"styles-module__actionIcon___knjpp"};
|
|
8603
8603
|
styleInject(css_248z$c);
|
|
8604
8604
|
|
|
8605
8605
|
var TableComponent = function (_a) {
|
|
@@ -8629,7 +8629,7 @@ var TableComponent = function (_a) {
|
|
|
8629
8629
|
React__default.createElement("table", { className: styles$c.table },
|
|
8630
8630
|
React__default.createElement("thead", { className: styles$c.thead },
|
|
8631
8631
|
React__default.createElement("tr", null,
|
|
8632
|
-
columns.map(function (column) { return (React__default.createElement("th", { key: column.uid, className: "".concat(styles$c.th), onClick: function () { return column.sortable && handleSort(column.uid); } },
|
|
8632
|
+
columns.map(function (column) { return (React__default.createElement("th", { key: column.uid, className: "".concat(styles$c.th, " ").concat(column.sortable ? styles$c.sortableTh : ""), onClick: function () { return column.sortable && handleSort(column.uid); } },
|
|
8633
8633
|
React__default.createElement("div", { className: "".concat(styles$c.tableHeadContainer, " ").concat(styles$c[textAlignment]) }, handleRenderHeaderCell(column.name, column.sortable, columnIcon)))); }),
|
|
8634
8634
|
hasIcon && (React__default.createElement("th", { className: "".concat(styles$c.th, " ").concat(styles$c[textAlignment]) },
|
|
8635
8635
|
iconColumnName || "Ações",
|
|
@@ -23630,7 +23630,7 @@ var ModalUI = function (_a) {
|
|
|
23630
23630
|
React__default.createElement("div", { className: styles$5.childrenContainer }, children)))));
|
|
23631
23631
|
};
|
|
23632
23632
|
|
|
23633
|
-
var css_248z$6 = "@keyframes styles-module__fadeIn___09YGY {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.styles-module__modalOverlay___zIq-T {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.5);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n overflow-y: hidden;\r\n animation: styles-module__fadeIn___09YGY 0.3s ease-in-out;\r\n}\r\n\r\n.styles-module__modal___4vuMK {\r\n z-index: 10000;\r\n background: white;\r\n border-radius: 16px;\r\n position: relative;\r\n margin: auto;\r\n max-width:
|
|
23633
|
+
var css_248z$6 = "@keyframes styles-module__fadeIn___09YGY {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.styles-module__modalOverlay___zIq-T {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.5);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n overflow-y: hidden;\r\n animation: styles-module__fadeIn___09YGY 0.3s ease-in-out;\r\n}\r\n\r\n.styles-module__modal___4vuMK {\r\n z-index: 10000;\r\n background: white;\r\n border-radius: 16px;\r\n position: relative;\r\n margin: auto;\r\n max-width: fit-content;\r\n width: 100%;\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n .styles-module__modal___4vuMK {\r\n width: 95%;\r\n max-width: 95vw;\r\n }\r\n}\r\n\r\n.styles-module__modalHeader___P-TK7 {\r\n display: flex;\r\n text-align: justify;\r\n background-color: var(--modal-header-bg-color);\r\n color: rgba(255, 255, 255, 0.96);\r\n border-top-left-radius: 16px;\r\n border-top-right-radius: 16px;\r\n padding: 1rem 1.5rem;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__modalHeaderContent___i6CzG {\r\n display: flex;\r\n flex-direction: column;\r\n flex: 0 1 auto;\r\n font-family: Open Sans;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 100%;\r\n letter-spacing: 0px;\r\n vertical-align: middle;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B {\r\n vertical-align: middle;\r\n cursor: pointer;\r\n height: 20px;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B:hover,\r\n.styles-module__closeButton___F4c5B:active {\r\n opacity: 0.8;\r\n}\r\n\r\n.styles-module__modalBody___jzSq1 {\r\n margin: 16px 0 16px 16px;\r\n max-height: 500px;\r\n padding-right: 16px;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n}\r\n\r\n.styles-module__modalFooter___keSWl {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 1rem;\r\n padding: 0 16px 16px;\r\n justify-content: flex-end;\r\n}\r\n";
|
|
23634
23634
|
var styl = {"modalOverlay":"styles-module__modalOverlay___zIq-T","fadeIn":"styles-module__fadeIn___09YGY","modal":"styles-module__modal___4vuMK","modalHeader":"styles-module__modalHeader___P-TK7","modalHeaderContent":"styles-module__modalHeaderContent___i6CzG","closeButton":"styles-module__closeButton___F4c5B","modalBody":"styles-module__modalBody___jzSq1","modalFooter":"styles-module__modalFooter___keSWl"};
|
|
23635
23635
|
styleInject(css_248z$6);
|
|
23636
23636
|
|
|
@@ -23723,73 +23723,108 @@ var TooltipWithPortal = function (_a) {
|
|
|
23723
23723
|
var visible = internalVisible || forceVisible;
|
|
23724
23724
|
var PADDING = 8;
|
|
23725
23725
|
useEffect(function () {
|
|
23726
|
-
var handleResize = function () {
|
|
23726
|
+
var handleResize = function () {
|
|
23727
|
+
setIsMobile(window.innerWidth <= 480);
|
|
23728
|
+
};
|
|
23727
23729
|
handleResize();
|
|
23728
23730
|
window.addEventListener("resize", handleResize);
|
|
23729
|
-
return function () {
|
|
23731
|
+
return function () {
|
|
23732
|
+
window.removeEventListener("resize", handleResize);
|
|
23733
|
+
};
|
|
23730
23734
|
}, []);
|
|
23731
23735
|
useEffect(function () {
|
|
23732
23736
|
if (!visible || !targetRef.current || !tooltipRef.current)
|
|
23733
23737
|
return;
|
|
23734
|
-
var
|
|
23735
|
-
|
|
23736
|
-
|
|
23737
|
-
|
|
23738
|
-
|
|
23739
|
-
|
|
23740
|
-
|
|
23741
|
-
|
|
23742
|
-
|
|
23743
|
-
|
|
23744
|
-
|
|
23745
|
-
|
|
23746
|
-
|
|
23747
|
-
|
|
23738
|
+
var updatePosition = function () {
|
|
23739
|
+
var rect = targetRef.current.getBoundingClientRect();
|
|
23740
|
+
var tipRect = tooltipRef.current.getBoundingClientRect();
|
|
23741
|
+
var scrollY = window.scrollY || window.pageYOffset;
|
|
23742
|
+
var scrollX = window.scrollX || window.pageXOffset;
|
|
23743
|
+
var vw = window.innerWidth;
|
|
23744
|
+
var vh = window.innerHeight;
|
|
23745
|
+
var top;
|
|
23746
|
+
var left;
|
|
23747
|
+
if (isMobile) {
|
|
23748
|
+
var tooltipHeight = tipRect.height;
|
|
23749
|
+
var availableBelow = vh - rect.bottom;
|
|
23750
|
+
var availableAbove = rect.top;
|
|
23751
|
+
if (availableBelow < tooltipHeight + PADDING && availableAbove > tooltipHeight + PADDING) {
|
|
23752
|
+
top = rect.top + scrollY - tooltipHeight - PADDING;
|
|
23753
|
+
}
|
|
23754
|
+
else {
|
|
23755
|
+
top = rect.bottom + scrollY + PADDING;
|
|
23756
|
+
}
|
|
23757
|
+
left = rect.left + scrollX + rect.width / 2 - tipRect.width / 2;
|
|
23748
23758
|
}
|
|
23749
23759
|
else {
|
|
23750
|
-
|
|
23751
|
-
|
|
23752
|
-
|
|
23753
|
-
|
|
23754
|
-
|
|
23755
|
-
|
|
23756
|
-
|
|
23757
|
-
|
|
23758
|
-
|
|
23760
|
+
var tooltipHeight = tipRect.height;
|
|
23761
|
+
var availableBelow = vh - rect.bottom;
|
|
23762
|
+
if (availableBelow < tooltipHeight + PADDING && rect.top > tooltipHeight + PADDING) {
|
|
23763
|
+
top = rect.top + scrollY - tooltipHeight - PADDING;
|
|
23764
|
+
}
|
|
23765
|
+
else {
|
|
23766
|
+
top = rect.bottom + scrollY + PADDING;
|
|
23767
|
+
}
|
|
23768
|
+
left = rect.left + scrollX;
|
|
23759
23769
|
}
|
|
23760
|
-
|
|
23761
|
-
|
|
23770
|
+
left = Math.max(PADDING + scrollX, left);
|
|
23771
|
+
if (left + tipRect.width + PADDING > scrollX + vw) {
|
|
23772
|
+
left = scrollX + vw - tipRect.width - PADDING;
|
|
23762
23773
|
}
|
|
23763
|
-
|
|
23764
|
-
|
|
23765
|
-
|
|
23766
|
-
|
|
23767
|
-
|
|
23768
|
-
|
|
23769
|
-
|
|
23770
|
-
|
|
23771
|
-
|
|
23772
|
-
|
|
23773
|
-
|
|
23774
|
-
|
|
23775
|
-
|
|
23776
|
-
|
|
23777
|
-
|
|
23778
|
-
|
|
23779
|
-
|
|
23780
|
-
|
|
23781
|
-
|
|
23782
|
-
|
|
23783
|
-
|
|
23784
|
-
|
|
23774
|
+
var minTop = PADDING + scrollY;
|
|
23775
|
+
var maxTop = scrollY + vh - tipRect.height - PADDING;
|
|
23776
|
+
top = Math.min(Math.max(top, minTop), maxTop);
|
|
23777
|
+
setTooltipStyle({
|
|
23778
|
+
position: "absolute",
|
|
23779
|
+
top: top,
|
|
23780
|
+
left: left,
|
|
23781
|
+
zIndex: 2000,
|
|
23782
|
+
maxWidth: isMobile ? "92vw" : 480,
|
|
23783
|
+
width: isMobile ? "auto" : undefined,
|
|
23784
|
+
padding: isMobile ? "14px 12px" : undefined,
|
|
23785
|
+
overflowY: isMobile ? "auto" : undefined,
|
|
23786
|
+
borderRadius: isMobile ? 10 : undefined,
|
|
23787
|
+
maxHeight: isMobile ? vh * 0.6 : undefined,
|
|
23788
|
+
transform: isMobile ? "none" : undefined,
|
|
23789
|
+
});
|
|
23790
|
+
};
|
|
23791
|
+
updatePosition();
|
|
23792
|
+
window.addEventListener("scroll", updatePosition);
|
|
23793
|
+
document.addEventListener("scroll", updatePosition, true);
|
|
23794
|
+
document.addEventListener("touchmove", updatePosition, { passive: true });
|
|
23795
|
+
return function () {
|
|
23796
|
+
window.removeEventListener("scroll", updatePosition);
|
|
23797
|
+
document.removeEventListener("scroll", updatePosition, true);
|
|
23798
|
+
document.removeEventListener("touchmove", updatePosition);
|
|
23799
|
+
};
|
|
23785
23800
|
}, [visible, isMobile, text]);
|
|
23801
|
+
useEffect(function () {
|
|
23802
|
+
if (!visible)
|
|
23803
|
+
return;
|
|
23804
|
+
var handleClickOutside = function (e) {
|
|
23805
|
+
var targetNode = e.target;
|
|
23806
|
+
if (targetRef.current &&
|
|
23807
|
+
tooltipRef.current &&
|
|
23808
|
+
!targetRef.current.contains(targetNode) &&
|
|
23809
|
+
!tooltipRef.current.contains(targetNode)) {
|
|
23810
|
+
setInternalVisible(false);
|
|
23811
|
+
}
|
|
23812
|
+
};
|
|
23813
|
+
document.addEventListener("mousedown", handleClickOutside);
|
|
23814
|
+
document.addEventListener("touchstart", handleClickOutside);
|
|
23815
|
+
return function () {
|
|
23816
|
+
document.removeEventListener("mousedown", handleClickOutside);
|
|
23817
|
+
document.removeEventListener("touchstart", handleClickOutside);
|
|
23818
|
+
};
|
|
23819
|
+
}, [visible]);
|
|
23786
23820
|
var onMouseEnter = function () { return !isMobile && setInternalVisible(true); };
|
|
23787
23821
|
var onMouseLeave = function () { return !isMobile && setInternalVisible(false); };
|
|
23788
23822
|
var onTouch = function () { return isMobile && setInternalVisible(function (v) { return !v; }); };
|
|
23789
23823
|
var onClick = function () { return !isMobile && setInternalVisible(function (v) { return !v; }); };
|
|
23790
23824
|
return (React__default.createElement(React__default.Fragment, null,
|
|
23791
23825
|
React__default.createElement("div", { ref: targetRef, className: styles$2.container, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onTouchStart: onTouch, onClick: onClick, role: "button", "aria-haspopup": "true", "aria-expanded": visible }, children),
|
|
23792
|
-
visible &&
|
|
23826
|
+
visible &&
|
|
23827
|
+
typeof window !== "undefined" &&
|
|
23793
23828
|
ReactDOM__default.createPortal(React__default.createElement("div", { ref: tooltipRef, className: styles$2.tooltip, style: tooltipStyle, "aria-hidden": !visible },
|
|
23794
23829
|
React__default.createElement("span", { className: styles$2.textContent }, text)), document.body)));
|
|
23795
23830
|
};
|