pge-front-common 14.1.33 → 14.1.34

package/lib/index.js

@@ -8836,7 +8836,7 @@ styleInject(css_248z$f);
 
 var TableComponent = function (_a) {
     var _b;
-    var columns = _a.columns, data = _a.data, onSort = _a.onSort, renderCell = _a.renderCell, onActionClick = _a.onActionClick, _c = _a.noRecordsMessage, noRecordsMessage = _c === void 0 ? "Nenhum registro encontrado" : _c, hasIcon = _a.hasIcon, renderActionIconCell = _a.renderActionIconCell, columnIcon = _a.columnIcon, iconColumnName = _a.iconColumnName, setBorderTable = _a.setBorderTable, _d = _a.hasBottomRounded, hasBottomRounded = _d === void 0 ? true : _d, renderHeaderCell = _a.renderHeaderCell, _e = _a.textAlignment, textAlignment = _e === void 0 ? "center" : _e, getRowClassName = _a.getRowClassName;
+    var columns = _a.columns, data = _a.data, onSort = _a.onSort, renderCell = _a.renderCell; _a.onActionClick; var _c = _a.noRecordsMessage, noRecordsMessage = _c === void 0 ? "Nenhum registro encontrado" : _c, hasIcon = _a.hasIcon, renderActionIconCell = _a.renderActionIconCell, columnIcon = _a.columnIcon, iconColumnName = _a.iconColumnName, setBorderTable = _a.setBorderTable, _d = _a.hasBottomRounded, hasBottomRounded = _d === void 0 ? true : _d, renderHeaderCell = _a.renderHeaderCell, _e = _a.textAlignment, textAlignment = _e === void 0 ? "center" : _e, getRowClassName = _a.getRowClassName;
     var handleSort = function (uid) {
         if (onSort)
             onSort(uid);
@@ -8848,10 +8848,10 @@ var TableComponent = function (_a) {
         return renderCell(item, column.uid);
     };
     var handleRenderHeaderCell = function (columnName, isSortable, columnIcon) {
-        return (renderHeaderCell === null || renderHeaderCell === void 0 ? void 0 : renderHeaderCell(columnName, isSortable, columnIcon)) || (React.createElement(React.Fragment, null,
+        return ((renderHeaderCell === null || renderHeaderCell === void 0 ? void 0 : renderHeaderCell(columnName, isSortable, columnIcon)) || (React.createElement(React.Fragment, null,
             columnName,
             " ",
-            columnIcon && columnIcon));
+            columnIcon && columnIcon)));
     };
     return (React.createElement("div", { className: clsx(styles$f.tableResponsive, (_b = {},
             _b[styles$f.tableResponse__setBorderRadius] = setBorderTable,
@@ -8870,7 +8870,7 @@ var TableComponent = function (_a) {
             React.createElement("tbody", { className: styles$f.tbody }, data.length > 0 ? (data.map(function (item, index) { return (React.createElement("tr", { key: item.id || index, className: clsx(index % 2 === 0 ? styles$f.rowWhite : styles$f.rowGray, getRowClassName === null || getRowClassName === void 0 ? void 0 : getRowClassName(item, index)) },
                 columns.map(function (column) { return (React.createElement("td", { key: item.id + column.uid, className: "".concat(styles$f.td, " ").concat(styles$f[textAlignment]) }, renderColumnCell(item, column))); }),
                 hasIcon && (React.createElement("td", { className: "".concat(styles$f.actionCell, " ").concat(styles$f[textAlignment]) }, renderActionIconCell(item))))); })) : (React.createElement("tr", null,
-                React.createElement("td", { colSpan: columns.length + (onActionClick ? 1 : 0), className: styles$f.noRecords }, noRecordsMessage)))))));
+                React.createElement("td", { colSpan: columns.length + (hasIcon ? 1 : 0), className: styles$f.noRecords }, noRecordsMessage)))))));
 };
 
 var css_248z$e = ".styles-module__textInput___gaz7I {\r\n  width: 100%;\r\n  height: 48px;\r\n  padding: 14px 8px 14px 8px;\r\n  border-radius: 8px;\r\n  gap: 4px;\r\n  font-size: 13px;\r\n  border: 1px solid var(--color-border);\r\n  color: var(--color-dark-gray);\r\n  outline: none;\r\n  transition: all 0.5s;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP {\r\n  width: 100%;\r\n  color: var(--color-input);\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP input {\r\n  border-top-left-radius: 8px;\r\n  border-bottom-left-radius: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-calendar-disabled {\r\n  border-radius: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-calendar-disabled,\r\n.styles-module__inputContainer___fmTYP .p-button.p-disabled,\r\n.styles-module__inputContainer___fmTYP input:disabled {\r\n  background-color: #eeeeee !important;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP input::placeholder {\r\n  font-weight: 700;\r\n  color: var(--input-placeholder-color);\r\n  font-size: var(--font-size-14, 14px);\r\n  line-height: 24px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-inputtext {\r\n  border-color: var(--color-border);\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-button {\r\n  line-height: 22px;\r\n  border-color: var(--color-border);\r\n  border-top-right-radius: 8px;\r\n  border-bottom-right-radius: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___H3Icv {\r\n  position: absolute;\r\n  left: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.styles-module__labelRequired___4ewKH::after {\r\n  content: \" *\";\r\n  color: var(--color-danger);\r\n}\r\n\r\n.styles-module__titleLabel___6M8ua {\r\n  display: flex;\r\n  align-items: center;\r\n  margin-bottom: 5px;\r\n  justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___wWffN {\r\n  color: var(--color-label);\r\n  line-height: 24px;\r\n  font-size: 16px;\r\n  bottom: 5px;\r\n  font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___gaz7I:disabled {\r\n  background: var(--background-color-table-primary);\r\n  cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___gaz7I:focus {\r\n  color: var(--color-gray-medium);\r\n  outline: none;\r\n  border: 1px solid var(--color-primary);\r\n  box-shadow: 0px 0px 0px 2px var(--color-focus-outline);\r\n}\r\n\r\n.styles-module__textInput___gaz7I::placeholder {\r\n  font-weight: bold;\r\n  color: var(--color-input) 33;\r\n}\r\n\r\n.styles-module__textInputDanger___YqaWP {\r\n  border: 1px solid var(--alert-color);\r\n  box-shadow: 0px 0px 0px 2px var(--color-red-light);\r\n}\r\n\r\n.styles-module__password-input-container___o0AsP {\r\n  position: relative;\r\n  width: 360px;\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh:focus {\r\n  border-color: var(--color-primary);\r\n  box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh:disabled {\r\n  background-color: var(--light-grey-color);\r\n  border: var(--color-border);\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh::placeholder {\r\n  font-weight: 587;\r\n  color: var(--light-grey-color);\r\n}\r\n\r\n.styles-module__buttonTextPswUser___-UY3m {\r\n  position: absolute;\r\n  top: 50%;\r\n  right: 15px;\r\n  transform: translateY(-50%);\r\n  cursor: pointer;\r\n  background: none;\r\n  border: none;\r\n  padding: 0;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___-UY3m.styles-module__error___Uy-55 {\r\n  top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___MiJMN {\r\n  width: 24px;\r\n  height: 24px;\r\n  color: var(--light-grey-color);\r\n}\r\n\r\n.styles-module__restrictionMessage___QA5v7 {\r\n  color: var(--alert-color);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  line-height: 15px;\r\n  text-align: left;\r\n  margin-left: 8px;\r\n}\r\n\r\n.styles-module__iconWrapperLeft___mzyII {\r\n  position: absolute;\r\n  left: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.styles-module__iconWrapperRight___-s-pG {\r\n  position: absolute;\r\n  right: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  background: none;\r\n  border: none;\r\n  padding: 0;\r\n  cursor: pointer;\r\n  color: inherit;\r\n}\r\n\r\n#styles-module__inputwrapper___4UacS {\r\n  height: 48px;\r\n  padding: 14px 8px 14px 8px;\r\n}\r\n\r\n#styles-module__buttonDisplay___tNJLk {\r\n  width: 100%;\r\n}\r\n\r\n.styles-module__errorRequired___YsP4q {\r\n  font-size: 16px;\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__calendarWrapper___Txz5G:focus-within {\r\n  border: 1px solid #1a95b0;\r\n  box-shadow: 0 0 0 0.2rem #0091ea80;\r\n}\r\n\r\n.styles-module__textCalendar___0ZZB- {\r\n  width: 100%;\r\n  height: 48px;\r\n  padding: 14px 8px;\r\n  border: none;  \r\n  border-radius: 0;  \r\n}\r\n\r\n.styles-module__calendarWrapper___Txz5G {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  border-radius: 8px;\r\n  border: 1px solid var(--color-border);\r\n}\r\n\r\n.styles-module__calendarError___UUWT4 {\r\n  border: 1px solid #CB0A0A;\r\n  box-shadow: 0 0 0 2px rgba(203,10,10,0.5);\r\n}\r\n\r\n.styles-module__calendarFocus___B899c {\r\n  border: 1px solid #1a95b0;\r\n  box-shadow: 0 0 0 0.2rem #0091ea80;\r\n}\r\n\r\n.styles-module__textCalendar___0ZZB- {\r\n  width: 100%;\r\n  height: 48px;\r\n  padding: 14px 8px;\r\n  border: none;\r\n  border-radius: 0;\r\n}\r\n\r\n.p-calendar .p-inputtext,\r\n.p-calendar .p-button-icon-only {\r\n  border: none !important;\r\n  box-shadow: none !important;\r\n}\r\n";
@@ -24255,7 +24255,7 @@ var Chip = React.forwardRef(function (_a, ref) {
 });
 Chip.displayName = "Chip";
 
-var css_248z$1 = ".styles-module__anchorButton___--an4 {\r\n  background: transparent;\r\n  border: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.styles-module__menuContainer___yHaTV {\r\n  position: absolute;\r\n  z-index: 3000;\r\n  border: 1px solid var(--color-border);\r\n  border-radius: 10px;\r\n  padding: 10px;\r\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),\r\n    0 4px 6px -4px rgba(0, 0, 0, 0.1);\r\n  overflow: hidden;\r\n  background-color: var(--background-color);\r\n}\r\n\r\n.styles-module__menuContent___MVxcu {\r\n  display: flex;\r\n  flex-direction: column;\r\n  max-width: 92vw;\r\n  max-height: 70vh;\r\n  overflow: hidden;\r\n}\r\n";
+var css_248z$1 = ".styles-module__anchorButton___--an4 {\r\n  background: transparent;\r\n  border: none;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.styles-module__menuContainer___yHaTV {\r\n  position: absolute;\r\n  z-index: 3000;\r\n  border: 1px solid var(--color-border);\r\n  border-radius: 10px;\r\n  padding: 10px;\r\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),\r\n    0 4px 6px -4px rgba(0, 0, 0, 0.1);\r\n  overflow: hidden;\r\n  background-color: var(--background-color);\r\n}\r\n\r\n.styles-module__menuContent___MVxcu {\r\n  display: flex;\r\n  flex-direction: column;\r\n  max-width: 92vw;\r\n  max-height: 70vh;\r\n  overflow: hidden;\r\n}\r\n";
 var styles = {"anchorButton":"styles-module__anchorButton___--an4","menuContainer":"styles-module__menuContainer___yHaTV","menuContent":"styles-module__menuContent___MVxcu"};
 styleInject(css_248z$1);
 
@@ -24264,7 +24264,9 @@ var FloatingMenu = function (_a) {
     var anchor = _a.anchor, anchorContent = _a.anchorContent, isOpen = _a.isOpen, onClose = _a.onClose, children = _a.children, className = _a.className, style = _a.style;
     var containerRef = React.useRef(null);
     var internalAnchorRef = React.useRef(null);
-    var _b = React.useState({}), computedStyle = _b[0], setComputedStyle = _b[1];
+    var _b = React.useState({
+        visibility: "hidden",
+    }), computedStyle = _b[0], setComputedStyle = _b[1];
     var _c = React.useState(false), isMobile = _c[0], setIsMobile = _c[1];
     var _d = React.useState(false), internalOpen = _d[0], setInternalOpen = _d[1];
     var menuId = React.useMemo(function () { return "floating-menu-".concat(Math.random().toString(36).slice(2, 9)); }, []);
@@ -24278,7 +24280,7 @@ var FloatingMenu = function (_a) {
     }, []);
     var resolvedOpen = typeof isOpen === "boolean" ? isOpen : internalOpen;
     var resolvedAnchor = anchor || internalAnchorRef.current;
-    React.useEffect(function () {
+    React.useLayoutEffect(function () {
         if (!resolvedOpen || !resolvedAnchor || !containerRef.current)
             return;
         var updatePosition = function () {
@@ -24347,6 +24349,7 @@ var FloatingMenu = function (_a) {
                 width: isMobile ? "auto" : undefined,
                 maxHeight: isMobile ? vh * 0.7 : undefined,
                 overflow: isMobile ? "auto" : undefined,
+                visibility: "visible",
             };
             setComputedStyle(computed);
         };